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In this book we will explore 
basic guidelines and techniques 
for using the visual elements 
shown in this illustration (as 

* well as many other elements) 
‘in order to help you create 

; more readable and persuasive 


' documents. 
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INTRODUCTION 


Why was this book 
written? 


This book has one purpose: 
To help you produce attrac- 
tive and effective documents 


on your LaserWriter. 


Who was this book 
written for? 


If you're a typical Laser- 
Writer user, you are proba- 
bly not a schooled graphic 
designer. Nevertheless, you 
will see how you can make 
professional, interesting 
documents by learning the 
fundamental principles and 


techniques of design. 


No matter what level com- 
puter user you are, there are 
boundless options available 
to you for enriching the 
visual impact of your page 
design. The emphasis of this 
book is to explore those 
options and help make your 
documents visually com- 
pelling and functional, 
whether you are working in 
a powerful desktop publish- 
ing application, or using a 
simple word processing 


program. 


What's in this book 
for you? 


This book is designed as a 
collection of guidelines that 
help you make the best 
design choices for your 
situation. Whether you are 
writing a resumé, a news- 
letter, or creating a magazine 
layout, you will learn to 
apply the elements of good 
design to produce high- 
quality, professional-looking 


documents. 


Introduction 


V 


What's inside this hook? 


Fach chapter offers a set of 
guidelines and rules of 
thumb that explain how you 
can make the best design 
decisions to liven up your 
document. We'll discuss the 
following themes and how 
they can improve the imple- 


mentation of good design. 


1. Planning and organizing 


your document. 


2. Simple guidelines for 
typography and for 


using fonts. 


Introduction 


3. Choosing the right 
design elements for your 


document. 


4. Creatively using black- 
and-white design elements 
to make more visually 
interesting laser-printed 


documents. 


AN 


. Avoiding the common 
mistakes in design and 


page layout. 


Some of the specific design 
techniques and elements 
discussed in this book 
require the more powerful 
capacities of page layout 
programs or the capability to 
use scanned images. But 
even if you can’t duplicate 
a particular design feature, 
the principles and reasons 
behind good design choices 
can help you make equiva- 
lent decisions relevant 

to your own system's 


capabilities. 


How to use this book 


Read this book casually and 
at your own pace. This is not 
intended to be a textbook, 
nor an owner's manual. This 
is a collection of helpful 
hints and guiding concepts. 
Ultimately, your creative 
touch and the specific needs 
of your document should 
determine which techniques 
work best for your purposes. 
That is why we encourage 
you to experiment, and to 
explore the realm of good 


design with us in this book. 


Have Fun. 


CHAPTER 1 


CAAANNING 


AND ORGANIZING 
YOUR DOCUMENT 


A successful document is one 
that effectively communi- 


cales your message. 


Good design contributes 

to the overall effectivencss 
and usefulness of your docu- 
ment by making it more 
visually appealing and more 


readable. 


Good design is not just a 
matter of aesthetics; it 
involves choosing the most 
appropriate design elements 
for your document. Good 
design choices produce 
lively and interesting docu- 
ments and help communi- 


cate your message. 


The choices you make 
have some basic constraints 


such as the format of your 


Publication 
Checklist 


© Whatis the purpose of your 
cation? 


OC Who is your intended audience? 


© What Is the Image or impression 
that you want to project? 


0 What elements are needed to 
enhance your design? 


© What are the physical and fiscal 


document, whether you are 
working in a word process- 
ing program or in a desktop 
publishing application, the 
size of your budget, and 
your own experience and 
expertise. Nevertheless, 
within these constraints, you 
will find that you can still be 
creative and flexible in 
choosing the hest design 


elements for your pages. 


PANNING FOR 
~ EFFECTIVE 
EOMMUNICATION 


In order to choose the best 
design elements for your 
document's purpose, you 
need to develop a clear 
understanding of your 
intended message, the audi- 
ence you are addressing, and 
the resources you have to 


work with. 


The following checklist is 
designed to help you 
develop “the big picture” 
for your intended publica- 
tion. It will help you identify 
your particular communica- 
tion problems so you can 
make the most effective and 


appropriate design choices. 


What is the purpose 
Of your communication? 


Every document has a 
purpose. Some are meant 
to persuade (such as adver- 
tisements, sales brochures, 
press releases, business 
plans, posters, and flyers). 
Others are designed to 
inform (such as business 
reports, bulletins, price lists, 
and newsletters). Some 
documents are meant to 
identify (such as business 
cards, stationery, certificates, 
and labels). And still others 


provide a source of reference 
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(such as directories, lists, 
schedules, event calendars, 


and yearbooks). 


In addition, many documents 
have several purposes. For 
instance, a business 
brochure informs an audi- 
ence about a particular sub- 
ject, but also seeks to per- 
suade the reader to adopt a 
specific viewpoint. Similarly, 
a resumé needs to identify 
you accurately, but its under- 
lying purpose is to convince 
an employer that you are the 


best candidate for a position. 


Whatever the case, defining 
the purpose of your commu- 
nication is the first step to 
making appropriate design 


choices for your document. 


Who is your 
intended audience? 


Identifying your audience 
helps you to choose design 
tools and techniques that 


grab the readers’ interest. 


’ Who are your readers? Are 


' they peers? Customers? 


Potential clients? Bosses? 


How much do they know 


- about the subject? How 


much time are they likely to 


spend reading this docu- 


ment? What information 


Publication 
Checklist 


What is the purpose of your 


communication? 


Who is your intended audience? 


What is the image or impression 
that you want to project? 


What elements are needed to 
enhance your design? 


What are the physical and fiscal 
limits to your design? 


Timeframe 


Visual elements 


Photos, Art, Logos 


would be of interest to them? 
What format is appropriate 


for this audience? 


As you develop your publi- 
cation, take your readers’ 
perspective. Consider their 
needs and reactions. Your 
goal is to interact with your 
readers, not talk at them. By 
writing and designing from 
this perspective you will 
grab their attention and con- 
vey your message clearly 


without wasting space. 


~ What is the image or 
impression that you want 
{0 project? 


How do you want your audi- 
ence to perceive you? What 
is the overall look and feel of 
your publication? Is it formal 
or informal, avant garde or 
traditional? Is the content 
scholarly or informal, serious 
or fun? Your document's 
design will determine the im- 
pression you project. This 
overall image is supported 
by your choice of fonts and 
graphic elements, your writ- 
ing style, and even the qual- 
ity of paper you print your 


document on. 


What elements are 
needed to enhance your 
design? 


Create a list of parts that will 
go into the final composite 
of your document. Will you 
use headlines and subheads, 
photographs, or scanned 
images? Will there be other 
forms of art? Will you use 
rules, or borders, or boxes? 
How much text will you use? 
How many different articles? 


How many pages? 


Once you have a good idea 
of the pieces you need, 
including the amount of text 
and graphic elements, orga- 
nizing them into an cyc- 
catching page design is 


much easier. 


- — What are the physical 


and fiscal limits to your 
design? 


Ultimately, the design 
elements you choose must 
be based on realistic and 
attainable goals. What is 
your document's budget? 
Can you afford to produce 
the design you’re planning? 
How much time do you 
have—enough, or are you 
rushed? If you want to use a 
special graphic element such 
as a scanned photo image, 


do you have access to a 


scanner? And can you import 


that image into your com- 


puter program? 


Giving careful thought to 
answering these questions 
will help you to clarify the 
scope of your project so that 
you can better understand 
and address the design con- 
straints you may face in 
planning and producing 


your particular document. 
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ORGANIZING 
YOUR DESIGN 


ELEMENTS 


There aren’t many hard and 
fast rules for designing your 
document. In fact, under- 
standing the general princi- 
ples and concepts of page 
design and typography gives 
you the basis from which to 
break the rules. The impor- 
tant thing to remember is 
that tools and techniques 


that are effective in one 


situation might not necessar- 
ily apply to another—what 
works great for one page 
layout may be inappropriate 


for the next. 


For example, it may not be 
appropniate Lo use an omate 
typeface SUCH AS THIS in 
a letter to stockholders from 
the Chairman of the Board, 
but it may be quite appropri- 
alc to use that typeface in an 
ad for the company’s prod- 
uct. (We will discuss type- 
face selection further in the 


coming chapters.) 


These general concepts 
will help you make better 


design choices: 
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Appropriateness and 
Relevance 


A successful publication is 
the result of design choices 
that are appropriate and rele- 
vant to your document's pur- 
pose. Choose design ele- 
ments that help the reader 
understand your message. A 
report of serious subject mat- 
ter, such as a legal brief, 


requires different design 


choices than a children’s zoo 
newsletter. When choosing a 
layout or specific graphic 
elements, such as logos or 
photographs, pick those that 
supplement your message 
instead of those that merely 


decorate the page. 


(See Example A.) 


Proportion 


The relative size of your type 
and your graphic elements 
should be determined by 
their importance and their 
relationship to the docu- 
ment’s overall format. Dis- 
proportion creates imbalance 
which distracts the reader 
and reduces the document's 


usefulness. 


(See Example B.) 


Example A: Appropriateness 


Left: This legal document uses 
a logo in its letterhead that con- 
veys a formal, distinguished 
impression. 


Right: The pictures chosen for 
this newsletter both entertain 
the reader and communicate the 
underlying message—animals 
at the zoo are interesting and 
entertaining. Try to imagine the 
impact this newsletter would 
have without pictures. 


Example B: Proportion 


On this page, the eagle illustra- 
tion steals the reader’s attention 
away from the legal brief's 
important contents. The dispro- 
portionate letterhead is inappro- 
priate to this document's format 
and formal tone. 


JOHNSON & TOOOURD 
Aaurren 


Oidken dure 


Ute pw ple orp terme h Ot eee Cowtgeecem clio? peirtut 9.5 Cee Gefey fete Yona mea 4. ws Beek 
8 [ew ee pes Ew asin coreem ther ape fevemteeld Adee tiete 0 Gadel « aetered pore, Peder comt peter peers co 
Cee PFCDTRACT (861. Qual pen Scages, quat datos Rew boo gl, 8 ¢) ques Gal roctece, Ors quod Plareil bi, Gucunl wcl quis 
Carpe Petre parery meni. mye rmbere delaare cower lowedee oulpes pecs tals, 6m ule peal bs “sere ns peruse ler 
Seqee pee. nel serie mh) din ourpern, wta bs yee wees aags, y potas dee Gans cradn oe, ppewne enol 
fame, tat oer lane hee ee ape See ogenloe wee ie driomised (a comms List ger pce, een ant plea 
out parsu Orty Last Ua ume. am) commrdets ¢ ade peck be myet ol exe, ts eepmmmn nbeatag mes ve. Lars qe selon Crem ect os hort 
degen, (ul erieee pubs (teams eune ot its, mune ft hot cobs pete Chea & lee Le arc mde ins Jousrt 
igen des, wise) ween erect rua? Aut yee) ledeeet pened ir ged iereeragst on dam | ¢ pe smmce presive fog os Co ory as torte curped et 
wv tats hota ister? ange sus ethleteore bhelirs, mae @bA Oar, mee nah il ete cs Cates deal atid amerd, tele oles, 
orem Cul gecewe Lag hs, sub Gata ne poe fle beh gece qe quende sq parte mh, Oa eh Qed s Lab et CCrge meen afl pedree porter, bed quae 
afer ars biter ani p ond brewers fi prices Poet. adr aiid in fice pr poy ePeert Ades fituls oe Aaeiem, Slamert 
Petuse peaberes cud permet peice Of Cem Peper CONT. Quat Prete Ata ypet, Seatt Gres Mince tye. +c! Qis Bi! PecteM, 
ool ceased placid ole, cha ctel vel Qead Garp Pula Pee RaUTIS. Qube Minmesbes Cotoen tcves Inka, + gies RECO Vioee, 
CS ofa perc G veicves Be Buurees Later porns va mai] aeervere Bile) Gus comparet, etre. S: Gece mums eager 6 per 
aque Gare Goer Leds cou. Wate enka tao. A are meus face love Ec Bega. 

Sets rgea Wed item Ue deen leee (acme 6 set Fear ree Ere! Cpu Megree mete paren | rte ier Actor, ond cow wiles wen 
fab wep? Cele te eee trans Fey bie cae vera Pee ed we bor cre rte errns parks fren ttwere anne et QPrr, 
me ten fee Aap pews Nid Le (rere men ries otras hear! qaam niet cpiet anew cea? wie” Al geal tebe or? 
qund legeret tertregue ving LY primum pouce eugan Grancad brs corp a ta visum foams labver eek unt Uhinren 
Mead, Mad Are BQO, CAPERS dat EOCETE MATOS aed RET AP Ue. MOK OU get Pages: wd mace parca 
ind gay Quique frpreeen. mca qu) Cred CUpOEWR Mepedrvt puerta, ted G29 Rupes. Bex Voters BCL sai here | 
prastus pool. Reng necte Goce flareupe persian Aumas fabols u Gutieerh clement perzct peGOreM COBCD Pare pare, 92 
(eee reprefeadere comer. quat prav Amcpet quer duces Aacus ega vel qua AJ rete, fea quod Placed sm docam. ‘el qua 
Garpe PUALAL Darere Mceuriben. 1 Qmae Imm diducere ane Irerniies volges rece vedet 0 pin peccal £1 veveres wa curmes bes 
Qngor pores wt UAC seurferal AAU) UL ccenguret erva Si qunederd Bites mredaee. 4] peceyed dere dere cred on. igreve mks 
Pee aoe cee el Soa equadem mec ur deletatave carmena Lei euse Rew. marTen quae LE 
mls parro Dem Ciciwe: ned ePAALA veSeT) pub APAQUe ELAS Caner distance merce Umer quae were: emACUA & fore 
devveees, ot ms ores pels cence me A Bh, eee biome et otbyet pete Unnal wlan Cae 0 idee trae feaert 
amet dae, qual nae, Cuntl erie) Aut wend balanced qual legeeet Goerregut tnd 


Croecis novdos 


UN prema pres eufert Cronies Dells OCP A A Oh Vl Fortes aabeed atts Rate attics Dud ROkE Wet OjreR, Poe 
Punts bal eowu fare mad dete Gash OOCIB Bont Po gr is Tagords a8 auce puels Ladimor quacgqoat repreheedl, ow 
ne eran sc taguenemn ies ¢ pus. wed quae onjeD, a, METRE estapen, HOS quero 8 pees poet Revs ome che 
Roveugus pasentesist Aus fabels ur duharre, clenyges pos ALT ORL perre pees, 68 cee Mepentotalery Vimar, yeee gree 
Amuse, geet Dates Rue eye. ool qos oil reason, vie qi ple we pdm, oeen, ol quis Garze peters parere mamsibee, oi yume 
untevlen dileore ween Lmenlan eviges meter salt, oot la peuet. Ss cere: me mere laleaes pede, of ailel er Sere. mb 
Ga surge ena 9: quran anes segue, of ps ape dure dogre els es, pues maclis fee, meant of rey em fe hae 
wale anges fue agar wou delemdsee os nume Lins ee ras, Rerwor ques Plpawe au perry Oriebers data. pol 
emmenlans thats uh bragas 6) GXates cemiernsen Lee tense come Lees ues “cole erase of fre depewin, cles eevee pamky ure 
One ern oh mtot, ened Kaas den seuiigas oe Qa) ee One mein inten Luseed poms mine, yes) sem cues! ochus® 
Mat Qual batwret rgind begvert we reine were LE perme prehe mgen tire teks carpet ef eon fortune there arepes 
Rete Pear Ta Ohm Te Rate Ae Pvp Par erers ant ¢tewls fabere amt ag Te werd oe, fitey Pum Far FET EnOrED iTagrHetes GM 
nomrw ¢ peta 


JOHNSON & WOODARD 


Attorneys 


Orbos chictare 


Dak gees yore ie clos, mm yen 6 ant see ga eels lbrpende oe guatties, acd guts SUpET, Mk core Benge, we) brecere 
ef pomrerce ates Wes be io tes nw eon tase epee Cart ented! Anion Febuals us alarms, ytanees poset phere cue D pee OUT oe 
rent on pee hee tees . cate th pae gravee Avene, ipier stews Bias arp eg tok ips med ee tients, team penal prem wel wale, sen onal, ot) red 
Raye palerd server eae Pe 1 eet eaters Sheer crass bey atern weyers ey Re wales, tol ifs pec at Se tetera laa ee 
slats pow pwtas wet enthel athe dores mide ute Crerperct creel Qe stem Guns sofa per Ol forme bee deere PARE Cod Phat me 
Cake fe 8 mage ct ie oot fn Ct bd ile bog Se Op eee del reiper -armete bint ree ew Awirees pee leprae 
aus garou Ostvisee Joes. and rumales ssh pea ese @ ekmle neem i moe igen suas rer enue 1 ome 
A ee, Ob see es ps cm ee ewes wt alert, oun atv lent Stalag Gupm (yes ot um Craecss ave tan Uren fares 
cum im dis, gon! tse, ceert eutus’ Aad eel Woe? geal kereet omen tariun Li penmen pen exgan Oromia belly oucpt ot 
av Boos betes before otis ee Siete tie ie me mel Cee ont, tee ond Clee Fda. oe ty eee a, the aie. 
pao tel gee mg le ogeedis uD wither jews Raby perpen egrebemL, om ae ee Ree cleat pelrte, SS gue 
Meee OY er ae ORE WI Ramee rt peer mas fre MA Te eee Sawemypet pn audalet Alier Sele © Pernt, «Manel 
Ferme pester rem t paras pers rein Tp he Rarer Chae? qe genes Aripup, quae halare Rim are tye el pie mil ace tye, 
ett sewed pests wha ses well ett guild Retee Putied ferret mien eihun 5) quer ales ln cat aries Jeervtoes Wiest Bo teem bute, 
ea at pec bs eter a mrs Latte pe, ot RL) enteferdt, o1hl uh aeeret ead Ni peel E anagat. Sev 
agate nee tes gu met ents Lees cape ot rors faa hme elt am 


See creety me emers 3 Se bere e Curie et Sear Ahad PeTB em Quel Bape sets fate Sete Sa Tare ete me celets veles) 


fe beruuer wulypus center 
wel esl ul peal S eles 
‘amisatur Lease poeta Ul 
nth anteferst, need ls corn 
parct, era: Si quoccdam nes 
setque. oo oeaque dure hore 
CTS Cos gneve mots lotetur 
et sept wit fal wl love 
retinal oes. 

New ery ctem inserene dalen- 
dave coming Liv esse mor, 
ETN QLSt POQosUT HM 
parvo Ot .um octare: sed 
Pmesclita Witten Nocera we OT 
O28CUS AU CF STANT Me 
Intes quae verburt em icut & 

fore decorum et 
i versus 

palo 

wee fet et 

vnus et ake, 
mragte totem 
Duet vend tase 

pure. 

Iedhagnor qescryquart 
repreherdi, no- quia 
Crane foros 
nan lepenieve 

puvet.e sad Que 


TYE, TOL vetnet elaqus, ve 
forure ef py ser £05uI 
Kewte neo’ trocum Sure 
nerarbuict Arioe tatmto o 
dobetre camnnt perro 
odin ruAch porne pate: 
C2 cum repreherdere cones. 
yser yer Axnwpwr. use! 
decius Kuss et wel Ga on 
revurr, nan quod plu ole, 
ducurt, wet trent luspe puts 
peeere pycenbus, 1 quire 
mbes dutrrre ene Qucrt 
& tern Grewus punta civine 
faseel quent pubes, quad rune 
eat vertu.” Aut quad haberrt 
Quoit inqert teereritque ve trn 

Ut pemun poste mugar 
Grweca bel’ s coeptet in eta 
Fovturea lekewt see. ute all~ 
eters 820019, HONE BET equo- 
TUT, Marner aul eters fabeus 
wel aert ana bial 
mo. ett yovse Uaryuedn, sel 
nuotvus puella Interuburn vogue, 
tectem vairt, cst um precat \ 
veteres ta ureter’ lanlsluve 
peetos ulti ante feral, rity! 
Pe, cumpuret, erat Sh quae 
Thar Penis antique, & perAqur 
flurr deren erent cos, sepeoier 
Pr 22 Jaeetiir @F ET er MECN 
fact et eva wudcat sequa 


Chapter 1: Planning and Organizing Your Document 


( 


Direction 


Typically, readers of Western 
languages visually scan a 
page from the upper left cor- 
ner to the lower right corner. 
If a document is more than 
one or two columns wide, or 
if it has several facing pages 
together, this reading 
rhythm pattern takes ona 
wave like motion—the eye 
moves down from the upper 


left, and then back up again. 


By respecting this visual pat- 
tern, you optimize the effect 
of the graphic elements in 


your design. 


Your reader should be able 
to move through your docu- 
ment in a logical and easy 
manner. By carefully placing 


visual design elements, you 


can guide the reader from 
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relevant point to relevant 
point. If you use graphic ele- 
ments contrary to this visual 
pattern, the reader's eye 
might simply pass over what 
is too difficult or trouble- 


some to follow. 


(See Example A.) 


Consistency 


When choosing design cle- 
ments, try to create a layout 
that is consistent with your 
intended purpose and style. 
Use the same margin widths, 
typefaces, type size, para- 
graph indents, and column 
spacing on every page. 
Repeating design elements 
that help to organize your 
text and art, such as horders, 
rules, and column size, gives 
your multipage document a 


uniform look and feel. 


If you are producing more 
than one issue of your docu- 
ment (for instance, if you are 
producing a monthly 
newsletter) it is even more 
important to maintain a con- 
sistent page design. In some 
cases it might be appropriate 
to create a completely 
redesigned publication for 
each new issuc, bul in gen- 
eral, establishing a uniform 
look and feel gives your 
publication an identity that is 
more easily recognizable to 


your audience. 


(See Example B.) 


Example A: Direction 


Examine these two samples 
and see which page layout is 
easier to follow. 


Example B: Consistency 


Consistency need not be boring. 
Imagine that the owl is the only 
art element on every page: it 
would make you think this news- 
letter was only about that partic- 
ular owl, not an entire zoo. As 
you look at the two facing pages 
of this publication, notice how 
the collection of related illustra- 
tions—the dramatic, graduated 
border spanning the base of 
both pages, and the uniform col- 
umn sizes, margins, typeface 
and styles—give this newsletter 
a consistent format and a more 
cohesive design. 
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Contrast and Color 


Contrast is the juxtaposition 
of dissimilar visual elements 


On A page. 


Balancing type and other 
graphics with the surround- 
ing blank areas (called 
“white space”) gives your 
publications varying shades 
of color. In the black-and- 
white world of laser-printed 
documents, color is the 


degree of difference 


between the “lightest” 
elements on a page, and the 
“darkest.” Effective use of 
contrast and color is one of 
the the most persuasive tools 
to set the tone for your com- 
munication. We will be dis- 
cussing the use of contrast- 
ing elements throughout 


this book. 


Squinl as you view this page 


and you will stop seeing the 


. printed words and begin to 


see the underlying color of 


the page. 


(See Fxample A.) 
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Restraint 


With the increasing power of 
today’s computers, it’s easy 
lo overuse the design capa- 
bilities you have at your fin- 
gerlips. Clarity, organization, 
and simplicity are as critical 
to your page design as they 
are to your style of prose. 
Remember that design 
choices should not distract 
from your message, but 
instead, should support it. As 


was discussed in the section 


on consistency, for example, 
it is best to stick to a few 
carefully chosen typefaces, 
styles, and sizes. Too many 
typefaces can divert the 
reader's attention from your 


intended message. 


(See Example B.) 


Final Details 


Before you print your 
finished document, be sure 
that you have checked for 
any last minute details or 
mistakes that you may have 
missed. Pay attention to the 
small design flaws that can 


sometimes ruin an otherwise 


attractive page. And take the 
time to proofread your docu- 
ment, especially for punctua- 
tion and spelling errors that 
your computer's spellcheck 


program might miss. 


Example C shows some 
common design flaws to 
look for. In the trouble- 
shooting chapter at the end 
of this book, we will discuss 
how to avoid many of these 
annoying errors of page 


design and font use. 


(See Example C.) 


Example A: Contrast 


Low-contrast documents, such 
as this lett example, have little 
variation between light and 
dark. In this case, the long 
blocks of text tend to darken the 
page, creating a low degree of 
color and contrast for the 
reader’s eye. High-contrast dac- 
uments, like this zoo newsletter, 
have a lot of variation in color 
and tend to be more lively and 
inviting —with dark areas, such 
as the picture and text blocks, 
offset by lighter areas with little 
or no type or graphics. 


Example B: Restraint 


Notice how this legal brief has 
become jumbled and confusing 
with too many typefaces on the 
same page. It's easy to get dis- 
tracted from the text as you 
wonder if information in one 
typeface is more, or less, signif- 
icant than information in 
another typeface. 
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Check for: 


L) Letter spacing 
[) Word spacing 
OO Kerning 


OC) Rivers of white space 


Spelling 
Check All... 
Check ... 

Check Selection... 2K 


1) Typos 


O Visual rhythm 


Speli Word... eY 
Spelling Options... 


Install Dictionaries... 
User Dictionary... 


Auto Hyphenate 
Hyph. Enceptions... 


Example C: Final Details 


“Proofing” your pages before 
you print is just as vital to the 
success of your document as 
proofreading your text for con- 
tent. Just as a passage of text 
suffers from an unclear writing 
Style, your document can suffer 
from inappropriate design 


choices or unde- 
tected flaws. 
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CHAPTER 2 


CAMPLE BUIDELINES 
FOR TYPOGRAPHY 
AND FONT USE 


. This chapter will present 
guidelines and suggestions 
for properly using typefaces 
. and fonts. We will explore 

. the most important typo- 

, graphic rules in order to 


* make your documents work 


more effectively and look 


- more professional. 


- Typeface and Font: 
- What's the difference? 


At some point the question is 


- bound to come up: What is 


the difference hetween a 


“typeface” and a “font”? 


* While there may always be 


- some confusion in the 


TYPOGRAPHY 
AND FONT 
USE SHOULD 


ACHIEVE FOR | ; 


THE READER 
WHAT VOICE 


professional world concern- 
ing concrete definitions, 
it's easiest to remember that 
a typeface is the design 


fora family of characters and 


‘symbols which share a 


- common style, such as 


Helvetica or Palatino. A 


. font is the specific size and 


varicty of the actual letter 


or character in that family 


' (for example 12 point 


Helvetica Bold, or 10 point 


Palatino Italic). 


Typefaces can be classified 
into two groups: serif and 


sans serif. 


Serif Sans Serif 


Those small accents at the 
ends of the strokes of the 
letters are serifs. Fonts that 
do not have these accents 


are “sans” scrifs. 


In general, serif type is 
considered more readable 
while sans serif type is more 
legible. For long passages of 
text, readability is the most 
important factor. On the 
other hand, text that stands 
alone, such as a headline or 
call-out, requires a typeface 


that is more legible. 
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Consider the headlines in the 
following example and 
notice which is more legible. 
Of course you can read both 
of these, but which one is 


more easily recognizable? 


Wanted! 
Dead or 
Alive. 


Serif 


Wanted! 
Dead or 
Alive. 


Sans Serif 


(See Example A.) 


Try to avoid using more 
than two typefaces on the 


same page. 


This is when the distinction 
between a font and a type- 
face becomes important. It’s 
fine to use several sizes, 
weights, and styles of the 
same typeface family on the 
same page. In fact we will 
see how fonts such as bold 
or italics can be a very effec- 
tive design choice for adding 
emphasis—if they are in the 
same typeface family, and if 


you use them judiciously. 


If you want to use more than 
one typeface, a good combi- 
nation to choose is sans serif 
for your headings and serif 
for your body text. But using 
more than two or three 
typefaces on the same page 
becomes confusing and 


awkward for the reader. 


Take it easy on the different 
varieties of the same type- 
face. Too many typefaces 
and styles on the same page 
can tum your document into 
a ransom note. Consider the 
following example for its 


overuse of typefaces. 


(See Example B.) 


Example A: 
Serif and sans serif body text 


Read these paragraphs and 
consider which one feels easier 
to read. 


Example B: 
Too many typefaces 


Left: There are too many fonts 
battling for your attention. 


Right: This ad is much more 
effective and straightforward in 
communicating its message 
when it simply combines a 
Futura headline with Garamond 
Condensed body text. 


Readability means using type that is easy 
to follow. Many studies have shown that 
scrif type is easier to read in long blocks 
of text, for many reasons. Remember that 
readability is usually more important in 
lengthy text, such as books or business 
reports, but even in these two short para- 
graphs, you should be able to get a sense 


for the differences. 
Serif 


Give your business 
more powerful options. 
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User-Friendly 
Software 
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Ut prireum posites nugart Graces belly cop ef in vitium fortuna labice acpas, nunc athkeaqum studi. 
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Participating 
Dealers 
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Hos, Ree Mahe Solipr 

Neens Craum Hoqum Koa 
Tloresque, Por Duaresar em 
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Legibility refers to the ability to recognize 
the characters within the text. In order for 
a short block of text to stand out in impor- 
tance, it should be distinctly legible at a 
quick glance. Sans serif text is best used 
for display type such as headlines and 
signs because of its inherent legibility. 


Give your business 
more powerful options. 


With Turbo Il 
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. Another important guideline 
. to follow when choosing 

: typefaces is to avoid combin- 
ing two serif or two sans serif 
: fonts on the same page. For 
instance, two blocks of text 

: set in similar typefaces on 

" the same page often lack 
enough visual contrast to be 
distinguished from each 
other, and therefore leave 


. the reader confused. 


. (See Example A.) 


Creating Emphasis with 
Type Styles 


Type styles can add emphasis 


or contrast lo a particular 


Inpefaace. 


Most word processing or 


page design programs give 


. you these style choices for 
creating emphasis or con- 

trast: Underline, Italics, 

: Bold, ALL CAPS, Shadow, 


> and Outline. 


Don't underline unless there 


is a very specific need for it. 


* Underlining is a throw-back 


, to the typewriter and lends 
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an unprofessional look to 
‘your published document. It 


- also destroys the uniqueness 


of a given typeface. A better 
choice for emphasis is cither 


italics or boldface. 


. Italics should be your first 
choice for putting emphasis 


- ona single word, or passage 


within the body text. It is 


- also effective in indicating 


irony or humor, and in 


. suggesting casual emphasis. 


Bold type is best used for 


headings and subheads. 


Type set in boldface adds 


emphasis and authority, and 
is a good choice when you 
need a strong contrast of 


light and dark text. 


ALL CAPS works fine for 
some headings, but should 
be avoided in longer lengths 
of text. Type set in ALL CAPS 
is difficult to read because 
the characters all look the 
same, and the reader must 
work harder in order to 
recognize the words. It's OK 


to use all caps sparingly in 


order to attract attention or 
to emphasize a headline. But 


don't overdo it. 


Cutline or Shadow type 
styles are ornamental fonts 


and are rarely used in most 


. situations. Unless you have a 


specific reason for using 


’ them, try another stylistic 


choice to emphasize your 
text. If you do use them, do 
it for a few short words that 
stand alone on the page, 


such as a headline or logo. 


(See Example B.) 


Helvetica and Avant Garde, 
both sans serif fonts, are poor 
choices to include together on 
the same page. Notice the 
distinct differences in the let- 
ter shapes. Helvetica has a 
simple, readable quality to it; 


Using these typefaces on 
the same page is confusing 
to the reader's eye. You 
should choose typefaces 
that either provide visual 
contrast to the page or 
add emphasis to the text. 


Example A: 
Similar sans serif fonts 


In these side by side para- 
graphs, notice how the two sans 
serif fonts compete with each 
other for attention. There is not 


enough contrast between the 
two faces to create any kind of 
emphasis. Instead, the two 
types are in subtle conflict with 
each other. 


while Avant Garde is more 
modernistic and geometric, 
but less readable. 


Helvetica Avant Garde 

Typography and = Typography and Typography TYPOGRAPHY Typography Typography 
Example B: font use should font use should and font use AND FONT and font use and font use 
Different type styles achieve for the achieve for the should achieve USE SHOULD should achieve should achieve 
fiqnkeab those paranraohe reader what reader what voice for the reader ACHIEVE FOR for the reader for the reader 
Notice how sas ie ioe stolce voice tone and tone and inflec- what voice tone THE READER what voice what voice tone 
fea jeat Abe and inflection con- tion convey to the —_ and inflection WHAT VOICE tone and and inflection 
visual sae : vey to the lis- listener. See how convey to the TONE AND inflection con- convey to the 

Underline Italics Bold All Caps Shadow Outline 
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Alignment 


Choosing the right alignment 
of type will set the tone and 


- feeling for your document. 


Flush-left alignment with 

a ragged right edge provides 
an “open,” informal feeling. 
It is generally considered 
the most readable of line 


scluings. 


Because justified columns 
are uniform in length, they 
can “darken” a page by 
eliminating the white space 
surrounding the ragged 


edges of text. 


Be careful in choosing 
justified columns. Justified 
type can sometimes create 
large gaps of white space 
between words which 

reduce the readability of 
your text. You can steer clear 
of this mistake by avoiding 
overly narrow, justified 
columns that allow for only a 


few words per line. 


Centering tends to create a 
formal tone and is frequently 
used for documents like 
invitations and official 
announcements. Avoid 
centering long blocks of text 
as this forces your reader to 
search for the beginning of 


each line. 


(See Example A.) 
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Proper Spacing Between 
Letters, Words, and 
Paragraphs 


Too much space between 
certain letters can reduce the 


readability of a word. 


Sometimes there appears to 
be too much space separat- 
ing certain pairs of letters. 

For example, this effect can 
be particularly apparent in a 
headline with an uppercase 
“W”" next to a lowercase “a,” 
or an uppercase “T” next to 


4 lowercase “0.” 


Reducing the space between 
letter pairs can improve the 
clarity and readability ofa 
given word or group of 
words. This is accomplished 


through kerning. 


Kerning is the adjustment of 
space between selected pairs 


of letters. 


If your computer program 
allows you to kern pairs of 
letters, take advantage of this 
capability to improve the 
legibility of your type. By 


adding or subtracting space 


between certain pairs of 
letters, you can make the 
entire word or sentence 


easier, or harder, to read. 
(See Example B.) 


Kerning is also essential to 
improving legibility when 
setting white type against a 
solid background, called 


reversing. 


(See Example C.) 


Example A: 
Alignment 


Here are three examples of 
aligning your text. Notice how 
each paragraph conveys a 
different impression. 


Example B: 
Various kerning samples 


Kerning certain pairs of letters 
can affect the readability and 
legibility of a word, ora line 
of text. 


Example C: 
Kerning reverse type 


Kerning is critical to the legibil- 
ity of reverse type because 
many typefaces become difficult 
to read when placed on a black 
background. Proper letter 
Spacing allows the eye to easily 
adjust to the contrast between 
type and its background. 


Typography and 
font use should 
achieve for the 
reader what voice 
tone and inflection 
convey to the lis- 


Flush Jett, ragged right 


kern kern 


Very loose Loose 


Kerning 


improves 
legibility 


Good 


Typography and 
font use should 
achieve for the 
reader what voice 
tone and inflection 
convey to the lis- 


Justified 
kern  kern 
Normal Tight 


Keming 


improves 
legibility 


Too tight 


Typography and 
font use should 
achieve for the 

reader what voice 

tone and inflection 
convey to the lis- 


Centered 


kern 


Very tight 
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- Paragraph Spacing 


. Adding space between 

. paragraphs makes it easier 

: for the reader to find the 
next paragraph and creates a 
- sense of openness on the 

. page, thus increasing the 


readability of the text. 


| (See Example A.) 


- Type Size and Leading 


Type size affects the read- 


' ability of your text. 


: As a general rule of thumb, 
3 body text is easiest to read 
3 when set at 9, 10, 11, or 12 
- points. Long passages set in 
. smaller type, such as 7 or 8 
| points, can be too difficult 


' for the eye to focus on. 


" However, which size of type 
- is best to choose changes 
- from one typeface to 


- another. Different typefaces 
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: of the same size vary in read- 


‘ability. Note, in Example B, 


how the same size type 


- appears larger in some 


- typefaces than in others. 
- (See Example B.) 


Compared to the rest of the 
- page, type size should 
always be proportionate to 

. the importance of your 
message and the amount of 
- white space available. Small 
- type floating in an ocean of 
. white space is lost to the 
reader's attention, and 


| appears unimportant. 


: (See Example C.) 


Large type crammed into a 


"small or tight space becomes 


3 too imbalanced and difficult 


to read . 


(See Example D.) 


The amount of spacing 


betueen lines of type, called 


} leading, affects overall 


legibility. 


Most word processing or 


- page layout programs have a 
- means for adjusting the 


" amount of line space— 


usually found in a “Para- 


graph” menu. A good rule of 


thumb is that the line spac- 
ing should be about 20% 


larger that the type size. For 


. instance, if your type size is 


12 points, your leading 


. (pronounced /edding) 
should be about 14 points. 

- This is a ratio of “12/14.” Try 
: to use minimal leading for 


. short lines of text and 


increase the leading as the 


’ line length increases, keep- 


ing in mind the optimal 


- readability of your text. 


Example A: 

Paragraph spacing 

The distinction between these 
two paragraphs becomes more 
apparent as the space between 
them is gradually increased. 
Proper paragraph spacing 
makes it easier for the reader 
to move from one paragraph 
into the next. 


Example B: 
Typeface differences 


These paragraphs are all set in 
10 point type. But notice how 
some faces appear bigger than 
others. 


Examples C and D: 
Type size readibility 


Typography and font 
use should achieve for the 
reader what voice tone 
and inflection convcy to 
the listener. 

See how each para- 
graph adds a different 
shade of gray, or “color” 


No paragraph spacing 


Typography and font 
use should achieve for the 
reader what voice tone 
and inflection convey to 
the listener. 


See how each para- 
graph adds a different 
shade of gray, or “color” 


¥2 line paragraph space 


Typography and font 
use should achieve for the 
reader what voice tone 
and inflection convey to 
the listener. 


Scc how cach para- 
graph adds a different 


1 line paragraph space 


Typography and 
font use should 
achieve for the 
reader what 
voice tone and 
inflection convey 
to the listener. 


Typography and 
font use should 
achieve for the 
reader what 
voice tone and 
inflection con- 
vey to the lis- 


Palatino 


Typography and 
font use should 
achieve for the 
reader what 
voice tone and 


inflection convey 


to the listener. 


ITC Garamond 


Typography and Typography Typography 
font use should and font use and font use 
achieve for the should should 

reader what achieve for achieve for 
voice tone and the reader the reader 
inflection convey what voice what voice 
to the listener. tone and tone and 


Helvetica 


Futura Light 


Bookman Demi Futura Extra Bold 


Run! Before 
1 Devour 


the Entire 
Page! 
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Reducing the leading in 
headlines often improves 
their appearance and read- 
ability by closing the gaps 


between the lines. 


squint your cyes al the 
paragraphs in Example A 
and see how much lighter 
each paragraph becomes as 


the leading increases. 


(See Example A.) 


The Color of Type 


Typography and font use 
should achieve for the reader 
what voice tone and inflec- 


lion convey to the listener. 


Though your LaserWriter™ 
produces documents in 

black and white, typeface 
and style give “color” to the 
printed page. Color in this 
sense means the overall 

tone, or texture, of a block of 
text. By selecting different 


typefaces, weight, or styles, 


20) Chapter 2: Simple Guidelines for Typography and Font Use 


you control the amount of 
contrast between the type 
and its surrounding white 
space—thus giving color to 


your page. 


These choices help in creat- 
ing emphasis, and in deter- 
mining the visual impact and 
the overall mood of your 


page. Depending on the size 


and style of a particular 
typeface, your document can 
become more readable and 
persuasive, or—if the type- 
face is illegible—the mes- 


sage will be lost. 


The paragraphs in Example 
B illustrate the variations 
between light and dark 
typefaces. The first group is 
from onc typeface family, 
Adobe Stone Serif, and 
demonstrates how variations 
in a font’s style change the 


page’s color. The second 


group shows how different 
typefaces on the same page 
have differing degrees of 
contrast. Notice how each 
paragraph adds a different 
shade of gray, or “color” 

to the page. Think of the 
surrounding white space 

as your palette, and your 
selection of type as your 


paint choice. 


(See Example B.) 


Example A: Leading changes 
Extra leading can improve the 


readability of body text by 


opening up the page, reducing 
the “darkness” of the text, and 
allowing extra white space to 


frame the text. 


Example 8: Color of type 


Various 10 point Adobe Stone 


Serif styles 


Mixed 10 point typefaces 


Typography and font 
use should achieve for the 
reader what voice tone 
and inflection convey to 
the listener. 

See how cach para- 
graph adds a different 
shade of gray, or “color” 
to the page than another 
paragraph does. Think of 
the surrounding white 
space as your palette, and 
your selection of type as 
your paint choice. 


8 point type, & point lead 


Typography and font 
use should achieve for the 
reader what voice tone 
and inflection convey to 
the listener. 

See how each para- 
graph adds a different 
shade of gray, or “color” 
to the page than another 
paragraph docs. Think of 
the surrounding white 
Space as your paletle. and 
your selection of type as 


8 point type, 9 point lead 


Typography and font 
use should achieve for the 
reader whal voice tone 
and inflection convey to 
the listener. 

see how each para- 
graph adds a different 
shade of gray, ar “color” 
to the page than another 
paragraph does. Think of 
the surrounding white 
space as your palette, and 


8 point type, 10 point lead 


Typography 
and font use 
should achieve 
for the reader 
what voice tone 
and inflection 
convey to the 


Roman 


Typography and 
font use should 
achieve for the 
reader wha! 
voice lone and 
inflection convey 
to the listener. 


Futura Light 


Typography 
and font use 
should achieve 
for the reader 
what voice 
tone and 
inflection con- 


Semiboid 


Typography and 
font use should 
achieve for the 
reader what 
voice tone ane 
inflection con- 
vey to the lis- 


Palatino 


Typography 
and font use 
should 
achieve for 
the reader 
what voice 
tone and 


Bold 


Typography ancl 
font use should 
achieve for the 
reader what 
voice tone and 
inflection convey 
to the listener. 


IT€ Garamond 


Typography ard 
font use should 
achieve for the 
reader what 
voice tone and 
iflection convey 
fo the listener. 


Italic 


Typography and 
font use should 
achieve for the 
reader what 
voice tone and 
inflection convey 
to the listener. 


Helvetica 


Typography 
and font use 
should achieve 
for the reader 
what voice torte 
and inflection 
convey to the 


Semibold Italic 


Typography 
and font use 
should 
achieve for 
the reader 
what voice 
tone and 


Bookman Demi 


| 


Typography 
and font use 
should 
achieve for 
the reader 
what voice 
fone and 


Bold Italic 


Typography 
and font use 
should 
achieve for 
the reader 
what voice 
fone and 


Futura Extra Bold 
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CHAPTER 3 


OANING THE RIGHT 


DESIGN CHOICES 


Creating attractive and 
effective documents requires 
a working knowledge of the 
fundamental elements that 
compose a page. In this 
chapter we'll discuss the 
elements of page design 

and layout, and how to 

best use them in your docu- 
ment. We'll discuss how to 


determine the most appro- 


: if 7 A 
Quod si tam quam nob 

quid esset vetus? 

{ tndignor quitquam repre | 


hendi, non quia crasse com | 
positum illepe i 


ape perm j 1? Noa 
bulet Auac fabbla a crase | Senter volgat | loc 


priate page layout for your 
purposes, then show you 
how to organize the visual 
elements on your page in 
order to successfully com- 


municate your message. 


tr 
ee) 


CARE Too OF 


ORGANIZATION 


Page organizing tools are 


, fundamental to the overall 


structure of your page design 


and layout. 


Whether you are writing a 
resumé, a company newslet- 
ter, or a sales brochure, 
effective page layout 


requires careful planning. 


- Just as an architect draws 
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blueprints to plan a building, 
you need to use page orga- 


nizing tools to plan your 


page. With your blueprint 

as a guide, you can then 
choose the most appropriate 
text and graphic elements 

to help your reader move 
from one point to another 

in your document. You 
should use elements to help 
your reader quickly locate 
information, and determine 


What's most important. 
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Grids 


By creating grids, you 
define where to put things 


on the page. 


The grid is the organizational 
framework for designing 
your page. The term “grid” 
may sound like technical 
jargon, but a grid simply 
describes the organization of 
space on the page. Think of 
grids as a way of dividing 
your page into regions 
where you designate the 
placement of text, display 
type, anwork, or other 
graphics. Choosing a particu- 


lar grid pattern determines 


the number of columns, 
margin size, placement of 
headlines, subheads, art, and 


other page elements. 


Another important advantage 
of designing with grids is 
that you can preset your 
layout, and then reuse tt 
with minor variations. This 
allows you to maintain page- 
to-page consistency when 
designing a multipage 
layout, such as a tri-fold 


brochure. 


The most fundamental part 
of a grid, thecolumns, 
organize lext and other 


visual elements on the page. 


(See Example A.) 


Why are grids so useful? 


People usually prefer to read 
shorter lines of text rather 
than longer ones because 
less effort is required for the 
eye to move from word to 
word. Consider how difficult 
it would be to read a one- 


column wide newspaper 


Letter-size (8 x 11) (vertical format) 


Example A: 

Grid columns 

Even the simplest, 
text-only documents 
can be seen as 
having an underlying 
grid pattern. In these 
examples, the grid 
pattern ranges from 
one column of text, 
to five columns. 
These columns are 
the regions into 
which your text and 
other graphic ele- 
ments are placed. 


where the articles span the 
entire width of the page! 
You would be forced to start 
reading at the top, without 
the freedom of scanning the 
page for various articles or 


pictures of interest. 


Dividing your page into 
smaller, more digestible 
sections enables your reader 
to move more easily from 
point to point, and allows 
you to use graphic elements 
to guide the reader's eye. 
Remember that the reader's 
natural tendency is to scan a 


page from the upper left to 


the lower right. You can use 
erids to take advantage of 


this tendency. 


Not all columns on a page 
have to be the same width. 
You can create good looking 
publications by varying the 
column width within a 
multicolumn grid. In Exam- 
ple A, this five-column grid 
lends itself to a variety of 


column arrangements. 


(See Example A.) 
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Using Visual Elements 
to Communicate Your 
Message 


Once you have organized 


your available design space 


with grids, you can create an 


even stronger visual frame- 


work by employing the two 


primary visual elements— 
graphics and lype. By bal- 
ancing text with graphics, 
you give the reader an 
obvious and compelling 


starting point. 


These are the most useful 
visual elements to consider 


when designing your page: 


m Appropriate design 


choices about text—from 
type size to the location of 
headings and subheads— 
help you draw your 


reader in. 


w Art and photography help 


illustrate your text by 
creating a mood, by 
providing additional 
information, and by 


setting the overall tone. 


@ Charts, graphs, and other 


statistical elements can 
condense pages of infor- 


mation into small spaces. 


Rules, borders, boxes, 
initial caps, bullets, 
arrows, and other graphic 
devices all serve to create 
strong organization, 

which guides the eye from 


place to place. 


Example A: 
Various 5-column grids 


These samples demonstrate the 
flexibility you have in choosing 
the placement of text and 
graphics on a page. All of these 
layouts are based upon a five- 
column grid, but the arrange- 
ment of text columns, photos 
and art, display type, and white 
space gives each document a 
different look and feel. The most 
important reason for using grids 
to arrange your page Is that it 
allows you to design the most 
appropriate layout for your 
specific communication needs. 
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OATIING THESE 
TOOLS TO WORK 


We will look at four types of 
documents: a resumé, a 


press release, a business 


presentation, and 4 company 


brochure. While each of 
these publications obviously 
has a different purpose, we'll 
examine how they use the 
same organizational and 


design tools to achieve their 


purposes. We'll also see how 


much more effective these 
documents are when 
redesigned with the tools 


we've discussed so far. 


Some of the design elements 
in the following makeover 
examples require design 
capahilities beyond certain 


word processing programs. 


For instance, in order to use 
photographs, you may need 
access to a scanner, and a 
word processor or page 
layout program which can 


import scanned images. 


However, if you are 
designing your documents 
with the aid of the 

Apple OneScanner™ and 
the high quality output of 
a LaserWritcr printer, all 
you will need is an applica- 
tion that allows you to 
import or paste in scanned 
images. You will not 

need to adjust the poor 
quality of your photos by 
manipulating them with 
another photo retouching 


program because the 
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OneScanner automatically 
adjusts itself to provide the 
highest resolution at the time 


you scan in your image. 


Nevertheless, the capabilities 
of your computer and the 
program you are using limit 
only your range of choices, 
not your ability to produce a 
better document. Whether 
you are creating a simple 
document, such as the press 
release, or a more complex 
one, such as the brochure, 
the basic premise of good 


design is the same: 


Effective and appropriate use 
of visual elements will 
improve your document's 
appearance, and thus com- 
municale your message 


more clearly. 


The Resumé (before) 


While all the pertinent infor- 
mation may be included in 
this resumé, there are few 
clear visual clues to help 
the reader pick out the 


important points. 


(See Example A.) 


The Resume (after 
makeover) 


The one-column text layout 
is similar to the original 
resume, but note the addi- 
tion of an extra wide left 
margin. The empty white 
space of this margin frames 
the more important textual 
information while, at the 
same time, giving the eye 


space to “rest” on the page. 


The placement of the appli- 
cant’s name and address in 
the upper left helps to 
quickly draw the reader into 
this page. The name is set 

in bold, three points larger 
than the rest of the text for 


added emphasis. 


The subheads are set in bold 
type for better emphasis. 
“Hanging” them into the left 
margin distinguishes them 
from the text, and makes 


them easier to locate. 


This vertical rule pushes 
your attention back toward 
the subheads, and keeps 
your eyes moving on to the 


next block of information. 


(See Example B.) 


Example A: 
Resumé (before) 


Jonathan Q. Public 
1234 Anywhere Street 
Urban Wasteland, NY 00700 


Rectum videt, ost ubi peccat. Si veteres ita miratur laudatque poetas, ut 
nihil antoferat, nihil illis comparet, errat. St quaaedam nimis antique, si per- 
uque duro dicore credit eos, ignavo multa fatotur, et sapit et mecum facit 
vl lova fudicat acquo. Non oquidom insector dolaondave carmina Livi esse 
tvgr, memini quag plagosum mihi parvo. Orbillum dictare: sed emondata 
viderl pulchraque et exactis minimum distantia miror. Inter quaa varbum 
omicuit 91 forte decorum. ot si versus paulo concinnlor unue at altar, 
injuste totum ducit venditque poema. 


tn 
Non quia crasse compoeitum Illepedeve putatur, sed quia nuper, nac veni- 
am antiquis, sed honorem et praamia poscl. Recte neacne crocum tlo- 
rosque porambulet Attae fabula si dubltem, clamant perilsse pudorem 
cuncll paene patres, ea cum reprehendere coner, quae gravis Aesopus, 
quae doctus Rosclus egit; vel quia nil rectum, nisi quod placuit sidi, 
ducunt, vel quia turpe putant parere minoribus, et quae imberbes didicere 
aenas.Quod ai tam Graecis novitas invisa fuissel quam nobis, quid nunc 
agszel vetus? Aut quid haberet quod legeret lereretque virilim. 


Vi arimum positis_nugari 
Gragcia bollis cocpit ct in vitium fortuna labier aequa, nunc athletarum 
studia, nunc arsit oquorum, marmoris aut eboris fabros aut aerig amavit, 
libicinibus, nunc ost gavisa tragoodis: sub nutrice puella Interdum volgus 
toclum videl. ost ubi peccat. Si vetores ita miratur laudatque poetas, ut 
nihil antefaerat, nihil iilis comparet, errat. Si quaadam nimis antique, 31 per- 
aque dura dicera cradit aos, ignave multa fatatur, et sapit ef mecum facil 
et fova ludicat asquo. 


Non equidem inaector 
delendave carminu Livi esse reor, memini quae plagosum mihi parvo 
Orbilium dictare; sed emendata videri pulchraque et exactis minimum dis- 
tantta misor. Inter quae verbum emicuit 3: forte decorum, et 9) versus 
paulo concinnior unus et alter, imuste lolum ducit venditque poema. 
Indignor quicquam reprehendi, non que crasse compositum iilepedeve 
putvlur, sed quia nuper, noc veniam antiquis, sed honorem ot praemla 
posci. Recte necne crocum floresque perambulet Attae fabula si dubitem. 
clament penisse pudorem cuncti paene patres. ca cum reprohondore 
coner, quae gravis Agsopus, quae doctus Roscius egit; vol quia nil roc- 


Example B: 


Resume (after makeover) 


Jonathan 0. Public 
1234 Anywhere Street 
Urban Wasteland, NY 
00700 


isterdas velgaa 


Revium videt, ent ubl peccat. St veteres ita misatur Laudatque poetas, ut nihil 
anteferat. ruhil Ut comparet. crrat Si quocdam nimis antique, <4 peraque dur 
dhecre credit cus, grave rmults fated, ef apeid od ere sien ici ef few cdi al 
equa Non iquebem imees tor leleubave cormuna | ave rene fear, triers quae 
play man nile parva Ovlsluin da tae, ed einemdata vider pulchraque et 
eunts ounmum dunia minw. Inter quae verbum emucuit of forte deconum. et 
«i versus paulo concinmor unus et altet. iniuste totum ducit venditque porma 


feigqaar qulogues repreksad 


Now quia crass CoMpusitiun Wb pwabe we pouetise, soa! spices ergy, tery verrancees 
antagury, wsl hummer od patariiie pares. Bas ones cin (hewsjue petam- 
brulet Altes fabuls oy dubstens clacrernd petusee pudorem cunctl pacne patres €8 
own reprehendere conct. quar gravis Actopus, quac actus Koestins mgt: ord 
Quis nu) rectum, pow cpuent plactot ste, liwsent, wed cpione Perrpes pastored paarere 
mriemumthir, et oper embettws dade eve armen Qhaal a Lain Crave 6 rarveles Une iss 
fromeet quant robe. quad nunc eeaet vetus? Aut quad haberet quod legeret ter- 
eteique viniim. 


Oi pris eget 


C racers tertles comps ot on votuoen fetus Lobers apes, mute ateketarum eleasus, 
tune Jed yao, chests cut ebors falvos sut setts amorit, ubicinbus, 
DunC es gavisa Wagoedis, sub nutriKe purils Ineendum volgus rectum vider, est 
ube poco? Se vetrre fs murotur Leintibpe greta, ot mhul untetetal, mibal ition 
Lumpunt, errat Sw ipceriem mune antepue, o pet asper dure deere credit ese, 
inate mulls Caletus, ef sept et mecum fact ot love ludicat aqua. 


fon oquidem [ooccicy 


delendave carmina Livi case reo, memin quae plagieum mihs porve Crtelnim 
d@xctar: sed cthondats vidien pub hrepw ed mute minunamdntantss mone 
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The Press Release 
(before) 


Here we see a rather bland 
and uninviting document. 
The choice of a single type- 
face and style, plus the 
centered format and the long 
hody of text gives the reader 
no compelling starting point, 
and no assistance in finding 


important details. 


In addition, the wide column 


and small typeface make the 


text difficult to read 
smoothly from the end of 
one line to the beginning of 


the next. 


One obvious goal of a press 
release is to communicate 
information that the author 
considers vital and/or impor- 
tant to an audience. Because 
the design of this press 
release does little to grab the 
reader's attention or interest, 
whatever important informa- 
tion is contained within is 


likely to be lost. 


(See Example A.) 
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The Press Release 
(after makeover) 


. The made-over press release 


in Example B makes the 
subject matter immediately 
evident and uses good visual 
organization to help the 
reader become more 
involved in the document’s 


message. 


A photograph (scanned in) 
pulls your attention to the 


top of the page. 


The new headline identifies 


this press release’s message. 


The vertical rule above this 
headline pushes your eye 
down into the text while. 
at the same time, “framing” 


the page. 


Bold subheadings divide the 
text into shorter, more 
digestible chunks of infor- 


mation. 


The typeface for the body 
text has been changed to 
Palatino, a “serif” typeface, 
which is easier to read than 
the original Helvetica sans 


serif typeface. 


(See Example B.) 


Example A: 
Press release (before) 


Press Release 
Sliver Hawks Named 
Endangered Species 


Quod 3i tam Graccis novitas invisa fuissel quam nobis, quid nunc essat 
votus? Aut quid haborot quod fogeret tereretque viritim. 


Ut primum positis nugari Graccia bollis coepit ot in vitium fortuna labios 
’oqua, nunc athiotarum studlis, nunc arsit cquorum, marmoris aut eboris fabros aut 
dorlg amavit, tibicinibus, nunc est gavisa tragoedis; sub nutrice puella.Indignor quic- 
quam roprehondi, non quia crasse compositum Illepedeve puteltur, sed quia nuper, nec 
voniam antiquis, sed honorem et praemia posci. 


Recte necne crocum floresque perambulot Attac fabuta si dubitem, cla- 
ment perilsse pudorem cunct! pacne patros, ea cum reprehendere coner. quae gravis 
Aesopus, quae doctus Roscius cgit: vel quia nil rectum. nisi quod placuit sibi, ducunt, 
val quia tuspe putant parera minoribus, ct quae imberbes didicere senes.Interdum vol- 
gus ractum vidat, ast ubl peccat. Si veteres ita miratur laudatque poetas, ut nihil ante- 
farat, nihil iia comparet, errat. Si quaedam nimis antique, $i peraquo dure dicero 
cradit eo8. ignave multa fatetur. et sapit et mecum facit et lova iudicat aequo. 


Non equidem insector delendave carmina Livi agse ranr, mamini quae 
plagesum mihi parvo Orbilium dictare; sed emandata videri pulchraque et exactis mini- 
mum distante miror. inter quae verbum emicuit si forte decorum, et al varnus paulo 
cuncinnor unus et alter, inuste totum ducit vandilque poema. 


Quod si tam Graccis novitas invisa fuisset quam nobis, quid nunc essel 
vetus? Aut quid haborot quod Icgorot tereretque virivm. 


Graccia bellis cocpit ot in vitium fortuna labret aequa. nunc athletarum 
ttudlig. nune arsit cquorum. marmoris aut cboris fabros aut aris amavit, tibr\crnibus, 
nunc est gavian tragoedis; sub nutrice puella Indignor quicquam reprehendi. non quia 
crasze comporitum illepedeve putetur, sed quia nuper, nec veniam antiquis. sed hon- 
orem et praamia posci. Recte nacna crocum floresque perambulet Attae fabula ¢! 
dubitem, clament periigsee pudorem cuncti paene patres, ea cum reprehendere coner. 
quae gravis Aesopus, quae doctus Rosclus eglit; vel quia nil rectum, nis! quod placult 
sib, ducunt, vel quia turpe pulant parere minoribus, st quae imberbes didicera 
senyy.interdum volgus rectum videt, est ubi peccat. 


Si veleres ita miratur laudatqua postas, ut nihil antetfarat, nihil iille com- 
paret, creat. Si quacdum nimis antique, si peraque dure dicere credit eos, ignave 
multa fatotur, ot sapit ot mecum facit et lova mudical asquo.Non equidem insector 
dolondave carmina Livi esse reor, mMemini quae plagosum mihi parvo Orbilium dictara; 
sed emondata videri pulchraque el exacts minimum distantia miror. Inter quae varhum 
emicuit $i forte decorum, ef si versus paulo concinnior unus et alter, iniuste totum 
ducit venditquo pooma. 


Example B: 
Press release (after makeover) 


Press Release 


Silver Hawks Named Endangered Species 


Ras cqpiden eects 


(Joc a tam Grau nett ona fimact quam nob, guid nunc pect vetus’ Aut quid haberet quad 
leper lereretyue wnlim. Ut prmum parutr eugart Uranus bell cout cfm vitium tortuns Labacr 
zequa, nunc sthietarum studs, nuns srut ajpsdum, mate sud cles fabnn aut serr amoved, 
tihécinibus, munc est gaviss tragoedis. sub nutrice pucila lndignur quaaquant teprehne iam quia 
wtanne compuntim illepeticwe putctur, aul quia nuper, Rec Ver anbuis, sed honarem ¢t pracmis . 


Greece bellis coop 


Recte necine crovum flunwsaque perambubet Atlas fatrule ua ohdntern, s Lineet ponies mtorrm vunch 
Pecne patres. ca cum reprehendere comer. quae gravis Acsopus. quae ductus Rosctus egit. vel quia mu! 
mitum, are quod pacwt shy, ducunt, wel qua turpe putant pane minonbus, et quae inberbes 
Jolerre ates fnterdum eolyan mitum vet, od ote peveal Se vetens its surang@ laudetque portas, ut 
nohi anteferat aah alls ConA paret, evral S qusnbem cures antugar, c2 pevepe dun alever crvtet cin, 
ignave mute fatetur ct sapit et pwecum faci of Jove sdical aque 


9 end ch eas 


Nem epadem reestor dettutave canna Livi mer roe, momini quac plagosum mihl parvo Orbu- 
wm dictare, aad emoeralada vader: pub hese et coin minniim indantia mune Intcr iplee voerbum 
emicuil ai forte decorum. ef a1 versus paubo core ata ius of alles, sence fedcsere afer at wermedite pee 
pocma 

Quod sj tam Graeces novitas inviss fuisect quam nota. quid mun emaet vetue? Aut qual halert qusad 
legeret tereretque virition 


Orbliem dictere 


Crone belles cusp ef ie viitem fortuna lab aeptta, mune athictanim studils, nunc arit equonum. 
marnons aul eons falrny aul arte ateavil, tele ides, mune ont povien fragilis; sum Muthie 
Puella lndipnor quicquam repretornals, reo quia csanae seoiipmmstisin illepmestewes pratetise, saad aputia 
HuUpP<T, Nec veruam antiquis, sed honorem et praemia pawci. 


Chapter 3: Making the Right Design Choices 


31 


32 


The Business 
Presentation (before) 


This document has a vast 
amount of important infor- 
mation to convey, and is 
handicapped by a cumber- 
some collection of numbers 
and statistics. With so much 


complicated detail, it is a 


chore to read this presenta- 
tion. Much of this report 
could be illustrated with 
graphics, in order to 

make it more palatable 


and understandable. 


(See Example A.) 
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The Business 
Presentation (after 
makeover) 


This presentation hecomes 
lively and informative with 
the use of a two-column 
grid. The text is much easier 


to read. 


Newly created or redesigned 
graphs display the statistical 
information in a catchy, 


easy-to-read manner. The 


reader can see the relation- 
ship between important 
numbers much more 


quickly, and clearly. 


The larger type and bold 
drop cap give the reader a 
clear starting point. The short 
introductory paragraph 
covers the width of the page 
which makes it easy for the 


reader to get into the report. 


The 20% filled border fram- 
ing the document visually 
adds to this presentation’s 


importance. 


Adding the logo at the base 
of the document helps 
project a professional 
appearance, and identifies 
the company without over- 
shadowing the content of 


the report. 


(Sec Example B.) 


Example A: 
Business presentation (before) 


Business Presentation 
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Example B: 
Business presentation (after makeover) 


EPORTING ON THE 1990 FISCAL PLAN 


Quad si tam Graecis novitas invisa fuisset quam nobis, quid 
nunc essel velus? Aut quid huberet quod legeret tereretque 


viritim. Ut primum positis nugari Graecia bellis coepir et in vitium 


loterdum volgus rectum vidiet, cot obs pec- 
cat. Si veterce La muretur Laadaaque poctas, ul 
tohl anteferat, mshi) alle crengecet. erred Ss 
spiorslass nates sstnper, 41 potsmpar luce mere 
crodt ena, ignave mult fatetus, ef capet ef 
mecum facit et loves hdhcat argue. 
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Livi case peor, memuns quac plagosum muhi par- 
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leter quae verbum emixuit d forte decorum, et 
MM Versus paulo coacummuce unus ct alice. intusic 
tora duct: vembiyue porma Quod w tam 


dudkcere 
esse kis 


Coraccit nowitat onvide Fuact quam notes, quid 
pune enact vetua’ Aut quid haheret quad legeret 
terercique vintim. 

Ul promum posts augen Graces bellis coc: 
putctin vitiuns feetine Lalers arupue, ene athe 
farunt etades, mur aul exjpuswurn, 
masmons aut ehewic fabroe sect actis 


ia 
a 3 


aaruavel, Holm poten, mem ed povise Lopehs, 
toh autre panels 


Supet. Occ Venu sntiquis, sed hosorem ct pra- 
es pecs 
Recte necae crocum florrsque perambulet 
Atisc fabala sj dutvecm, clamsent perissse pudo- 
Fem Cunct pecee pets. cz cum repecheadere 
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ela] iths corparet, errat. $1 quacdam rims 
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The Brochure (before) 


When designing a newslet- 
ter, or any other kind of 
multipage publication, don’t 
let your art or other graphic 
elements “fall into the gulter’ 
of your page—as is demon- 
strated in Example A. Bury- 
ing the graphic in the fold of 
the page is distracting and 


upsets the overall balance of 


When designing a document 
with two or more facing 
pages, a good choice is to 
give cach page a relatively 
equal balance of text and 
graphics. In Example A, 
there is little logic in the 
present location of the art. In 
this case, the boxes sur- 
rounding the art tend to 
create a sense of imbalance 


and distract the eye inward 


the page. 
toward the gutter of the 
document. 
(See Example A.) 
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The Brochure (after 
makeover) 


The brochure is now four 
columns wide. Expanding 
the grid design creates better 
symmetry between the art 
elements and the text in this 
document. This layout now 
achieves a pleasing visual 
balance between the facing 
pages, and between the 
body text and the surround- 


ing white space. 


Generally, art helps draw 
attention to the text it sup- 
ports. In this case, the illus- 
trations create a fun and 
nostalgic mood. Wrapping 
the text around the pictures 
guides the reader through 
the article without having to 


stop al cach picture. 


The redesigned tile func- 
tions as an engaging graphic 
element that introduces the 
article’s purpose. The distin- 
guishing initial cap and the 
enlarged introductory para- 
graph effectively mark the 


starting point of the article. 


The side bar presents addi- 
tional or complementary 
information and calls atten- 


tion to itself with more art. 


When designing multipage 
documents, it’s hest to keep 
facing pages together, and to 
view those pages as one 
large layout or “spread.” If 
you have a program that 
allows you to view the entire 
page from a smaller perspec- 
live (usually called “page 
view”), take advantage of 
that feature to see how the 
facing pages of your docu- 


ment fit together. 


(See Example B.) 


Example A: 


Brochure (before) 


Example B: 


Brochure (after makeover) 
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CHAPTER 4 


SIGNING IN 


BLACK AND WHITE 
FOR YOUR LASERWRITER 
DOCUMENTS 


Typically, the documents 
you design and produce 

are printed in black and 
white on a LaserWriter. But 
printing in monochrome 
doesn't restrict your creative 
resources. The next two 
chapters will show you the 
extraordinarily versatile 
palette of black and white, 
and the many shades of 
gray in between. You'll 
learn to work with contrast, 
grayscale, screens and solids, 
and scanned images to 
create vibrant, colorful, high- 
resolution laserprinted 


documents. 


Va qa nil rectum, 
ducunt, vel quia turpe 
putant parcre mino- 


Using basic black-and-white 
design principles and a 

little imagination. you can 
create interesting publica- 


lions and discover that 


designing in black and white 


is not only more economical 
than four-color printing, it's 
more convenient cd more 
effective for most of your 


purposes. 
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The Visual Elements of 
Contrast and Color 


Remember that contrast is 
the juxtaposition of dissimi- 
lar elements and color is the 
degree of contrast between 
light and dark elements. 
Squint as you view this page 
and you will stop seeing the 
printed words and begin to 
see the underlying “color” of 


the page. This is the most 


fundamental of design Size contrast is governed by 


principles and the most the balance of type and its 
persuasive device available surrounding white space. 
for drawing the reader's eye 
In headline type, for exam- 
into a document. 
ple, enlarging a word or 
Mixing heavy type with a even a single character can 
lighter typestyle, or placing a =. dramatically change the 
bold headline in front of an visual effect on the page. 
area of white space, or 
creating a heavy border 
around a block of text, are all 
examples of using contrast as 


a design element. 


(See Example A.) 
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Another example of size 
contrast. initial caps are 
designed to draw the 
reader's attention to the start 


of a passage of text. 


Look at the document 
demonstrated in Example A 
and consider how the initial 
caps (the first letter in the 


body text set larger and 


bolder than the accompany- 
ing type) call attention to 
the beginning of each indi- 
vidual section, making it 
easy for the reader to move 
around on the page without 


getting lost. 


Example A: Contrast 


Notice how the high contrast 
between the graphic design 
elements, the text, and the rest 
of the surrounding white space 
makes this page captivating and 
interesting. Squint and notice 
which areas on the page are 
darker, and which are lighter in 
color. 


Percussion 
by But Ruampeprem 


Indignor quicquam 
tepscheads, nom guia 
crasse compositum ille- 
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Size contrast is also effective 
with relatively small headline 
type surrounded by lots of 
White space. In Example A, 
the headline draws your 
attention because of an acute 


visual starkness. 
(See Example A.) 


Be careful not to use a type 
or graphic clement simply 
because it creates size con- 
trast. You don’t want any 
single element on 4 page to 
overwhelm the rest. For 


example, if your name 
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appears in huge 24 point 
bold at the top of a resumé 
that otherwise is set in 10 
point type, there is little 
doubt that the reader 
wouldn't miss your name. 
However, exaggerated type 
display such as this is not an 
appropriate choice for a 
resumé because it detracts 


from the rest of the page. 


Weight choice creates an 
interesting contrast between 


heavy and light elements. 


One of the simplest forms of 
contrasting heavy and light 
elements is using bold type 
in a block of normal type. 
Reverse type is an even more 
dramatic type choice, but 
should be avoided in long 
passages of text—because it 


is too difficult to read. 


(See Example B.) 


Using curves or straight 
geometric elements is a bold 
and interesting way to grab 


the reader's attention. 


- Juxtaposing random shapes 


with recognizable shapes 
can create a startling effect, 
best used to point the 
reader to a specific place 


on the page. 


A striking effect can be 
achieved by combining 
various forms and shapes 
and contrasting them 
against the surrounding 
white space, or by setting 
them against solid black 


or screens of gray. 


(See Example C.) 


Example A: 
Use of white space and contrast 


Here we see three side-by-side 
advertisements. In the middle 
sample, the small headline is 
lost in a sea of white. However, 
the samples on either side show 
better choices for type size and 
contrast, and are more effective 
at capturing the reader's 
attention. 


Example B: (left) 
Contrast of weight 


In this document, the large, 
bold headline contrasts with the 
surrounding white space, while 
the pictures are equally dis- 
tributed and balanced with 
attractively placed rules and 
borders that help quide the eye 
from section to section. 


Example C: (right) 

Shapes for contrast 

Here we See a book cover that 
effectively catches the reader's 
attention by juxtaposing large 
pieces of type and geometric 
shapes across an alternately 
black-and-white background. 
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QB nen-AND-WHITE 


DESIGN ELEMENTS 


Reverses 


Type or any visual element 


that appears while in front of. 


a black or dark background 


is called areverse. 


Placing an initial cap within a 


- box gives you many options. 


You can put black type on a 


- gray field, gray type on a 


. black field, white type on a 


. gray field, or—as in Example 


* A—white type in black. 


* White type can be reversed 


out of solid black, or it can 


be reversed out of a gray 


- screen at a specific percent- 


age (for instance, 25% gray). 


Be careful with very light 


"shades of screens because 


some typefaces—espccially 
small point sizes—can 


become illegible. 


When choosing this type of 
contrast, be careful to not 
reverse out large amounts of 
text, because the eye soon 
tires of reading. Also avoid 
reversing out thin, airy type- 
faces, like Bodoni or Broad- 
way, because they have a 
tendency to fill in with the 


surrounding black. 


(See Example A.) 


Initial Caps 
Use initial caps sparingly. 


An initial cap is the first letter 
of a body of text that is set in 


enlarged and sometimes 
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decorative type for visual 
emphasis. It is a simple, yet 
powerful tool for grabbing 


the reader's attention. 


The larger an initial cap, the 
more attention it will gather. 
You should try and match 
the style of the initial cap 
with the text style, or use a 


style that is in complete 


contrast to the text. 


(See Example B.) 


Shadows 


Shadows give a three dimen- 
sional effect to the flat page, 
drawing the reader's allen- 


lion lo that area. 


For extreme contrast, con- 


sider using a 100% black 


shadow box to create a 
dramatic, three-dimensional 
shadowing effect. You can 
give a new dimension to this 
effect by creating a back- 
ground and filling it with 
different shades of gray. 
Also, by using different 
shades of gray as a screen, 
you Can give type, or a piece 
of art, more depth and 


emphasis. 


. The drop shadow in Exam- 


ple C was filled with 20% 
gray, a subtle effect that is an 
appropriate choice for this 
particular document. If more 
dramatic contrast is needed, 


uy filling the shadow box 


> with a higher percentage of 


gray, or make it 100% black. 


(See Example C.) 


Rules and Borders 


As an overall design element, 
rules and borders are great 
ways to enhance your lay- 


out. Rules can act as a guide 


- for the eye, or add a touch of 


emphasis to a headline. 


Depending on the style of 
rule you choose, you can 
add flair, or formality, or 
even a sense of fun. Be 
careful not to misuse the rule 
in underscoring type. It 
looks suspiciously like 
“underlining” if used in too 


many short blocks of text. 


(See Example D.) 


Examples A and B: 


Creating an initial cap that 
Sticks up or drops below the 
first line of text or placing an 
initial cap within a box gives 
you many options. 


Example C: Shadow boxes 


This shadow box was filled with 
20% gray, a subtle effect that is 
an appropriate choice for this 
particular document. 


Example D: Rules and borders 


This use of rules and borders 
balances the text and art, and 
creates a sense of order on the 
page. If this page didn’t have 
any art, however, the same use 
of rules and borders might 
create a fragmented, cumber- 
some format. 


Example A: 
Reverse drop cap sample 
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Example C: 
Shadow boxes 
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Example B: 
Initial cap samples 
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Example D: 
Rules and borders 


| veteres ita miratu 
poetas, ut nihil antefer 
comparet, errat. Si qua 
antique, si peraque dur 
e0s, ignave multa fatet 
mecum facit et lova iuc 


Visit your 
County Park. 


interdum volgus 
rectum videt 


Coe uth peecesr Si sree ier 
urstue Lwalatipoe puetes. ul 
Pada anteferae, ruksb Cl com 
Peret, cred So spusecdaos nus 
anlaqus, st peraque dure dicere 


Orbchum dictore; sed emendare 


pudorem cuac pacne puns 
ea Can repredensere comet, 
‘Piet grasis Arwrmin spur dae 
tun Karaaus egal vel epee Fel 
fects. re quad plait alk 
Ausiet, wel qr rene pastart 
pMOETE court. of quae 
tribes fidicrer wes 

Chaal i bain Grows newiles 
Invisa fuisset quam nobis, quid 
Aine sect vein? Sit spend 


=i haveret quod ley eret lecorelgue 


nite 


Twn GMs et wlet, cousle (A peccein pees nu Qat Grae 


tdom doct waditque powmas 


cua Deis coger ef cn vane bow 


Indapnee pric erpprheral: ema ole? sepia. pire 
MW cad Leste i kt) 


Sepedeve pusetur, sel ques 
Kuper. rae Vitam anhyua. xd 
honocenm et pracrus post 
Kevte nets cram thuasaque 
prerambule: Atcae abuts ot 
dnubtiom cloeenr [entre 


creat ew ipsave moke fartur 
€ aap yt et mem fant et dove 
patie! anton con aqiaten 
arn tie delerntate 

canmina Livl esse revue, memiri 
quse plogsmusi muu presvu 
OWbim dictare, wed emetulata 
vadens publisyue et exacka 
funimum ‘israpea pire Inter 
use sett emmuls lure 
ecorsm, et o1 vermus pe 


Chapter 4: Designing in Black and White for Your LaserWriter Documents 


aL / 


Creede bolls teupd of in wines 


Coarcta County I hie Dietrut 
Mauegracat Council 


Scans and Screens 


Some of the specific visual 
elements and techniques for 
designing in a black-and- 
white environment may 
require the more advanced 
abilities of desktop publish- 
ing programs, or at least your 
ability to work with scanned 
images. If you have these 
capabilities, the range of 
options available to you for 
creating eye-catching visual 
images with lots of contrast 
and color is limited only by 


your imagination. 


For example, with the 
Apple OneScanner™ you 


can import a specific visual 


Chapter +: Designing in Black and White for Your LaserWnter Documents 


image (such as a photograph 
or an independent piece of 
artwork) directly into any 
application that has the 
capacity to store that image. 
Because the OneScanner 
automatically adjusts the 
levels of gray before scan- 
ning. your image can be 
imported into your program 
with the highest possible 
quality. This means that you 
can immediately use that 
image and avoid the compli- 
cated process of doctoring 
your photograph. You can 
also use scanners to capture 


textures from such materials 


as marble and cloth for use Attine IT ALL 


as background for a title or 
headline, or to enhance a 


drop cap. 


In general, a good rule of 
thumb is: The better the 
original photograph, the 
better the quality of the scan. 
It is best to use a large pho- 
tograph that has sharp con- 
trast and clear focus. If you 
can, use an 8 x 10 photo- 
graph (even if you must have 
it enlarged at a photo shop). 
This ensures that your scan 
will have the best quality 
possible when you resize it 


and paste it in your page. 


; TOGETHER 


Let's look at the visual short- 
comings of this ad and 
redesign it using a scanned 
image to make it work more 


effectively. 


While there is nothing terri- 
bly wrong with the original 
ad from a design standpoint, 
this makeover shows how 
much more noticeable and 
interesting a document can 


be with grayed-out graphics. 
(See Examples A and B.) 


The shells used in this ad are 
from a book of “public 


domain” art, and were 


scanned in black and white. 
All of the shell images were 
first blown up in sizes rang- 
ing from 275% to 300% 
before being screened into 


the background. 


Enhancing the headline and 
placing it in front of the 
lightly screened (about 20%) 
shell elements creates a more 
beautiful and aesthetic 
image. Considering that this 
ad is encouraging the reader 
to visit the state for its lovely 
scenery, this is a very effec- 
tive layout to communicate 


that purpose. 


Example A: Example B: 
Ad (before) Ad (after makeover) 


Enjoy our 
scenery— 
Visit Oregon 
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A final word about choosing 
the best print quality: Most 


laser printers provide all the 


. capabilities and tools you 


need in order to produce 
high-quality grayscale 


images such as screens, 


’ solids, reverses, and other 


black-and-white design 


elements. For the best print 


- quality, a LaserWriter with 
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PhotoGrade™ capability 


: gives you near photo-quality 


resolution and allows you to 


- produce documents utilizing 
- grayscale technology. For 


- example, a 20% gray shadow 


box will print without the 


large pixel dots you are 


probably used to seeing with 


other laser printers. Instead, 


a LaserWriter using Photo- 
Grade prints a shadow box 
with a smooth, near-continu- 
ous tone of gray. If you are 


- printing with another laser 


printer, you will not be able 


> to produce documents with 


PhotoGrade quality. Let's 


look at one more document, 


- and review the basic ele- 
> ments of black-and-white 


. design. 


Feature Story Makeover 


: This piece has been 


redesigned to illustrate the 


elements we have been 


- discussing in this chapter. 


Notice how much more 
distinguished the reversed 
out text in Example B is than 


the plain text in Example A. 


- The boxed article in the 


lower right uses a scanned 


illustration within a 20% gray 


screened box to set it apart 
from the other features on 


the page. 


Notice the collective effect of 


the rules and borders, photo- 


graphic images, headlines, 


and column width. Together, 
they create an overall con- 
trast that makes this docu- 
ment more readable and 


functional. 


(See Examples A and B.) 


Example A: 
Feature story (before) 


This page does little to draw you 
into its subject matter. As your 
eyes scan this article, the only 
element that captures your 
attention is the train located at 
the bottom of the second page— 
unfortunate considering that 
your eyes have already reached 
the end of this article. The title 
is thin and hardly noticeable 
and should be given added 
emphasis. 


Example B: 
Feature story (after makeover) 


The illustrations for this edito- 
rial are engravings from a book 
of “public domain” art. The 
train was reduced to 70%, the 
bicycle enlarged to 250%, and 
the carriage to 150% of original 
size. These scanned images 
create a distinctive mood that 
helps the reader to easily 
identify the theme of this piece. 
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CHAPTER 3 


This chapter emphasizes 
the principles and concepts 


we have already discussed. 
OChy . More importantly, it is here 
ALB | M 0 f D ES G N . to inspire you to use what- 

J (] S C 4 ; LIT ES . ever techniques are available 


to you for incorporating 


visual elements into your - Producing documents like 
page design. - those in this chapter is really 
just a matter of combining 


The following pages are a 


; your own creativity with the 
collection of page designs 


high-quality capabilities of 
with varying degrees of 


the Apple OncScanner and 
complexity. However, there 


the PhotoGrade™ output of 
is one important factor that 


your LaserWriter printer. 
these pages have in com- 

mon: they are all designed to 
optimize the black-and-white 


output of your LaserWriter. 
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Limited Edition XIV 


The engravings for this book 
cover were found in a book of 
“public domain” art and 
scanned as black and white line 
art on an Apple scanner. 

They were both imported into 
QuarkXPress, then sized and 
cropped. The boat is 125% of its 
Original size, and the compass 
is 150% of original and 
screened back at 80% gray. 
(References to scanned images 
being reduced or enlarged 

from their original size relate to 
the image's actual size ona 
letter-size page, not as the 
images appear in these 
examples.) 


This photo, originally a color 
transparency, was scanned as 
a high-resolution gray-scale 
image, then cropped and 
resized. It was placed to run off 
the edge of the page (known as 
a “bleed”). The logo is several 
boxes created in QuarkXPress 
and rotated 45 degrees fora 
diamond effect. 
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Intercum woegus tectum welet 

peocar Siveteres ita miratur 
laudatque portes, ul mbit ateferat, 
nihil ills comparel, erat, Si queedam 
nimis antigua, $i peraque dure 

dicere credit cos, ignave multa 
fatetur. et sapit et mecum facit et 
lova jwdicat acque. 


Non equedem insactor detencdave 
carmmina Livi esen feof, mem 
quae plagesum moby parve Orban 
dictare: sed emendata ween 
pulcivague ef eaachs minimum 
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SPRING 


The “1991” was set in 
QuarkXPress at 275 points 

and screened back at 20% gray. 
The text block was created 
wider than the page in order to 
bleed off both edges. The 
scanned photo was also 
imported into QuarkXPress, 
then placed, sized, and cropped 
to bleed off the page. 


The engravings used in this 
book report were scanned as 
line art from a book of “public 
domain” art and scaled in sizes 
ranging from 100% to 145% of 
original. The “stick-up cap” 
was created in QuarkXPress by 
simply creating a small text 
block and increasing the point 
size to fit. 


Trees of 
the Tropics 


a book by John Scott 


ee palms volgus rectum videt, est ubi peccat. Si veteres ita 
minitur laudatque poctas, ut nihil anteferat. nihil illis comparet, 
errat. St quaedam nimis antique, 51 perague dure dicere credit eos, 
ignave multa fatetur, et sapit et mecum facil et ova iudicat aequo. 


Non equidem insector delendave carmina Livi esse reor. memini 
quac plagosum mihi parvo Orbilium dictare: sed emendata videri 
pulchraque et exactis minimus distantia niror. Inter quae verbum 
emicuit si forte decorum, et si Versus pauio concinnior unus et alter. 
Iniuste totum ducit vendityuc poema. 


Indignor quicquam reprehends. non quia crasse compositurn ille- 


pedeve pulelur, scd quia nuper, nec veniam anuquis, sed honorem ct 
prucmia posci. Recte necne crocum floresque perambulet Altace fub- 


wa si dubitem, clament periisse pudorem cuncti paene patres, cu 
cum reprehenidcre coner, quae gravis Aesopus, quae doctus Roscius 
cyt: vel quia nil rectum, nisi quod placui: sibt, ducunt, vel quia 
turpe putant parere minoribus, et quae imberbes didicere senes. 


Quod si tam Graecis novitas invisa fuisset quam nobis, quid 
nune esset vetus? Aut quid haberet quod legeret terercique viritim. 


Ut primum positis nugari Graecia bellis coepit ct in vitium fortu- 
na labier aequa, nunc athletaruns studiis, nunc arsit equorum, mar- 
moris aut eboris fabros aut ueris amavil, tibicinibus, nunc est gavisa 
uagocdis: sub nutrice puclla. 


Interdum volyus rectum videt. est ubi peccat. Si veteres ita 
miratur laudatque poctas, ut nihil anteferat. nihil illis comparet, 
errat. Si quaedam nimis antique, si peruque dure dicere credit eos, 
ignave muita fatetur, et sapit ct mecum facit ct Tova iudicat aequo. 


Non cquidem insector delendave carmina Livi esse reor, memini 
quae plagosum mihi purvo Orhilium dictare, sed emendata viden 
pulchraque ct exactis minimum distantia miror. Inter quae verbum 
emicuit si forte decorum, ct si versus paulo concinnior unus et alter, 
imiuste totum ducil venditque poema. 
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This photo, originally a 

color transparency, was 
scanned as a high-resolution 
gray-scale image. It was then 
sized and cropped in order to 
bleed off the edge of the page. 
The “Graphics News” was 
created in QuarkXPress and 
rotated 90 degrees. 
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The art for this page comes 
from examples supplied 

by Adobe Systems Inc. and 
produced with Adobe Iilustrator 


3.0 (©1991 Adobe Systems Inc. 


All Rights Reserved). It was 
imported into QuarkXPress 
for resizing and cropping 
and appears at 65% of its 
original size. 
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Exhibition of fine art created with computers 


Museum 
Contemporary 


July 2 through August 27, 1992 
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= volgus rectum videt, est ubi peccat. Si veteres ita miratur laudatque 


poetas, ut nihil anteferat, nihil illis comparet, errat. Si quaedam nimis antique, si 


peraque dure dicere credit eos, ignave multa fatetur, et sapit et mecum 


The bicycle in this page comes 
from examples supplied by 
Adobe and was created in 
Adobe Illustrator 3.0 (©1991 
Adobe Systems Inc. All Rights 
Reserved). It is 47% of original 
size. The scanned photo of 

the gears was placed in 
QuarkXPress for cropping and 
resizing and is 25% of Its 
Original size. 


To create the airy feeling for this 
“Seminars” headline, a space 
was added between each letter. 
The art was supplied by Adobe 
Systems Inc. and created in 
Adobe Illustrator 3.0 (©1991 
Adobe Systems Inc. All Rights 
Reserved). The art was placed 
in front of a 30% gray drop 
shadow box for additional 
effect. The logo was created in 
QuarkXPress by creating and 
rotating various geometric 
shapes and grouping them 
together. 


SEMINARS 


Computer 
Graphics 


October 12, 13, 14, 19 


lnterdum wolgus rectum vider, 
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laudatque poeras, ut nihil anteferar, 
nihil illis comparet, errat. St 
quaedam nimis antique, st peraque 
dure dicere credit cos, iumave mulia 
tarerur, cr sapil MD TREE facit ot 
luova tudicat acquu. 
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nec veniam antiquis, sed honorem 
et pracmia posci. Recre necne 
erocum floresque perambuler Attae 
fabula si dubitem, clament periiesc 
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This brochure was designed 

ina “landscape” page layout 

(a form of horizontal page 
layout) in order to fold as mailer 
or to fit into a legal envelope. 
The photo was scanned from an 
8 x 10 black and white print and 
imported into QuarkXPress, 
then reduced to 75%. 


The photo for this real estate 
flyer was an 8 x 10 black and 
white print, which was scanned 
and imported into QuarkXPress, 
then reduced to 60% of original 
size. The house logo was 
drawn in SuperPaint, then 
imported into QuarkXPress and 
placed in the layout. 
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Peraque dure dicere credit eas 
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Mecuin facit ct indicat aequo. 
Non equidem insector 


@ Livi esse reor, memini quite 


@ Plagosum mihi parvo orbilium 
alter, iniuste torum ducit 


Dictarc; sed emendata videri 


Pulchraque et exactis minimum 


Emicuit si forte decorum, ct si 
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@ Distanua miror quae verbum 
a 
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CHAPTER 6 


CAR ABLESHOOTING 


FOR COMMON 


DESIGN MISTAKES 


Creating professional-look- 
ing and effective documents 
is really a matter of fixing the 
design flaws that occur as 
you assemble your page. 
These pitfalls of design can 
be as blatant as a photo- 
graph which falls into the 
gutter of the pages. or as 
subtle as a misaligned mar- 
gin. ‘The result is the same: a 


poorly executed design. 


voice tone and 
inflection convey | 
---the listener. 


x 
---Paragraphs 
x“! 


L..See how each par 
graph adds a diffe 
ent shade of gray, | 


Avoiding mistakes requires 
persistent previewing of 
your document, and fine- 
tuning of the design as you 
go along. In this chapter, 
we'll discuss some of the 
most common design and 
typography errors and how 


to correct them. 
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Avoid undesirable “rivers” 
of white space or “white 
holes” in the page. 


A very distracting visual 
effect, rivers of white space 
are caused by subtle gaps 
between words which create 
a white stream running 
down the column. They 
often occur in poorly set text 
where large type is justified 
in narrow columns. These 
rivers can also be a result of 
an old typewriter habit— 


pressing the space bar twice 


after each period. Because 
your computer automatically 
adjusts the space between 
every word relative to the 
width of the column, artifi- 


cially creating another space 


after each period can quickly 


add up to distracting rivers 


of space. 
(See Example A.) 


Remedy: Alter the type size, 
adjust the line length, or 
change the column width. 


Try to stop pressing the 


space bar twice after periods. 


If all else fails, you will have 
to manually delete the extra 


spaces after each period. 
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White holes appear when 
too much white space occurs 
between a headline and an 
adjacent photograph, or 
when an article is too short 
to fill the column down 

to the next headline or end 


of page. 


Another form of white hole 
can appear within a column 
of text that is poorly hyphen- 
ated. When too many large 


words are automatically 


returned to the beginning of 
the next line in successive 
lines, a hole can appear 
toward the right side of the 


column. 


Remedy: Increase the size 
of the headline or move it. 
Create hyphenated words at 
the end of the lines. Enlarge 
the visual element, or move 


it closer to the text. 


Avoid “tombstoning” or 
aligning headings across 
the page. 


This can mislead the reader 
to scan straight across the 


page into unrelated text. 
(See Example B.) 


Remedy: It is best to stagger 
the headings. If you are 
having trouble correcting this 
mistake, try changing your 
grid pattern by either adding 
or subtracting columns from 


your layout. 


Example A: 
Rivers and holes of white space 


Typography and font use. Should achieve 
for the reader. What voice tone and 
inflection. «Convey to the listener. See how 
each paragraph.\ Adds a different 

gray or “color.” [To the page 


paragraph does.f Think of the 

white space as. JYour palette and 

selection of. (Type as your paint choice. 
Typography.{ And font use should achieve. 


For the reader \ What voice tone and 
inflection may. {Convey to the listener. 

See how each para\ Adds a different shade 
of gray, or “color”. \To the page than 
another paragraph does.\Think of the 
surrounding white space as\ Your palette, 
and your selection of type. ZAs your paint 
choice. 


Example B: 
Tombstoning 


Give Your Business More 
More Powerful Options 


Interdum volgos rectum vider, cot 
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quacdam minis tetbyuc, 11 peragoe 
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quae Plogosum muh parvo 
Ortnbom thctre, sal eneselsta 
wulers puts ape ef Cxctis ce 
nou ibatantia mircr. Inter quae 
verture cmicun si Lone dewewn, 
1m vers pain oon wee oe 
elaltet mere dum che df vow 


Bec vemiEm aahqois. std hoecrem 
ct pracmis pesci. Recur an rer 


Reading. 


Penne pode cents pare 


fein, ea cary reprebevaicse umes. 


went f1inss Acsopes, gaat dxtue 
Resows ope vel quee wl ree turn 
wou cpeed plmcmol sabe, con at. vel 


vetas? Act quid haberet quad leg- 
eet tereretque vino 


Chicum fanewque pera mhwlet 
Atume (abuile es shuhalers, « Lenernd 
feviiwse peaks Gumi: peeeiet 
paucs, ca cum reprebeadete cont, 
eae prusis Acvopen. pase cha ture 
Reacnn eget. vel pms ml pe tam, 
row ipoul plat wha dha wold, vel 
ques turpe prutant pavers 
tronuibus, et quae unbertce 
didicere sone Quad u am 

Gree vs remade tava latent 
tpiamn noses, spun! main: exeet 
vetus? Aut qual haberet quod leg- 
erel tereretque viritim. 


14 perme pantie nary os (ae 
fetes Vamrqel ef cm vctoute fortes 


Writing. 


(1 procomen poscts naga Geaccia 
t<foe cocpel ct 2 tem forts 


fpewre sof chor fabros act acne 
amavi oberedos. aun cul ges 
he frgrertrs, wah ross © ped le 


Laterdum volgus rectum vidict, ert 
ubt peccat Si vcteres ofa rrurerur 
trudsiqur preiny, wt nihil anteles 
ado ahi alles Coetquiret, eval Si 
yabemalorn Mute aningue, 04 peer aque 
dure dcere credit cos, gneve 
Multes (arta, cf aye! et remain 
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Powerful 
Presentations 


tabstiguer gearlan, uf mall austefer- 
at nchel ollie Comparet, errat. $1 


Quaniao oimis apugque. oi peraque 


there dwere ceoda em ipnave 
Presta laieten, et wapel of cone wish 
tad et hee malaal ap. 


Nun equidcen insector deberalare 
capmana Livi esse reor, memuty 
tpee playa mule parve 
Chblwin do tae, sed enemies 
vubrts pulcheaque ef euactis min: 
mun distantLs miror. Inter quac 
vertam emicuit U fare decorum, 
ete serun paulo conmname onan 
#4 ates, umcaete ton decu ven- 
cape poros. 


ledgnee gneqauen eeperterms 

Fo apes oa eee eaters ole 
pevrve petets. sed qua mapas. 
acc *cmam ssn, bed hom err 
7 prerrres feast Merce aire 
sens Nanerapas tet acmbealct 
Anza fobala ts Gutearm. clamens 


Arithmetic. 


fact fovea cochcat acqua 


Se npeviets eres Uripatos 
vartaaa Li cuse foot, memes 
wuss Plagoses Sb parvo 
Ortusem dcvarr, anil emretse 
veirey pooh frmper ot ete les mates 
room ectentie eter. Lnors pase 
verbun emacat a fore decorum. 
Ou verese palo cemcinnae urn 
1 ater, enende ilaisy che if tecenbt 


Bnd 
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Avoid “floating” headings 
OF subheads. 


A heading loses its impact 
and confuses the reader 
when the block of text it 


belongs to becomes unclear. 
(See Example A.) 


Remedy: Be sure that your 
headlines and subheads 
are closer to the text they 
introduce than to any 


preceding text. 


Don't bury the headline 
Or subhead at the bottom 
Of the page. 


(See Example B.) 


Remedy: Place the heading 
up at the top of the column 


and edit your text to fit the 


space, or use uneven column 


bottoms if you have to. But 
avoid isolating headings at 


the bottom of the page. 
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Avoid “whispering 
headlines.” 


(See Example C.) 


Headlines should contrast 
significantly with the text 
they introduce by being 
larger and bolder. A “whis- 
pering” headline fails to 
attract attention to the text it 
introduces. Give it the 
importance it merits so that 


the reader will take notice. 


Remedy: Increase the type 
size, make it bold, or use 
different typeface from the 


body text. 


Avoid “jumping horizons” 


at the top of your page. 


This up and down effect 


is disconcerting to the reader 


and damaging to the pro- 
fessional image of your 


document. 


(See Example D.) 


Remedy: Start each column 
of text the same distance 
from the top of each page. 
This is especially important 


for multipage documents. 


Example A: 
Floating subheads 


Example C: 


Whispering headline 


---paint choice. 


i 
+ ---lypography 
._--Typography and font 


use should achieve 
for the reader what 


voice tone and 


inflection convey to 


---the listener. 


... Paragraphs 


._.See how cach para- 


graph adds a differ- 
ent shade of gray, or 


wizeg trem aty atel Dee Tapas 
Foe Assan te Yer Coma Pet 


EAPSS 2M vie ete tbr ge drt 
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Peptelatale tome gure creme Connery \e- 
peeve patience ant poe reget, nee Wheat 
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Buried headline 


Example D: 
Jumping horizons 
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Don't let widows or 
orphans create 
Unintended gaps in the 
text columns. 


"A widow occurs when less 


than a third of a line is left 


isolated at the bottom of 


a paragraph, column, or 


page. An orphan is a word 


. isolated at the top of a 


"column or page. 


- (See Example A.) 


’ Remedy: You can usually 


climinate these by either 
editing the text (known as 
“copyfitting”) or by cau- 
tiously adjusting the word 
spacing for that line. Be 
careful that you do not upset 
the line’s readability by over- 


altering the word spacing. 
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To avoid a “busy” page 
layout, use rules and 
boxes with restraint. 


- Too many bordered ele- 


ments or rules tend to com- 


partmentalize the page and 


- break up the natural flow 


"of the text. 


"(See Example B.) 


Try to avoid a 
Claustrophobic page 
layout. 


Set your margins and column 


- width in order to frame your 


pages with appropriate white 
space and give text columns 
plenty of breathing room. 
Use the surrounding white 
space like a picture frame to 


highlight your text. 


(See Example C.) 


Example A: 
Widows and orphans 


Widow 


Orphan 


Example B: 
Appropriate use of rules and 
borders 
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COCAPENDIX 


- USE OF KEY GAPS AND 
- SPECIAL CHARACTERS 


. Remember, your computer is 


not a typewriter. 


’ Old habits die hard when it 
} comes to the outmoded 
typing techniques you once 
learned on a typewriter. It’s 
- easy to carry these habits 

. into the realm of desktop 
publishing on your com- 

. puter. The following is a list 
} of the most often used 

. characters and accent marks 
- which you should learn to 

. use according to accepted 

’ modern typesetting 


"standards. 


; Quotation Marks: 


- To avoid the default (") 
setting: type Option-[ ( “ ) 
- and Option-Shift-(” ). 


: Apostrophe: (‘) 


. Type Option-shift-] to 
> avoid ("). 


~ Ellipsis: (... 


To avoid (...)or(...), 


- type Option-Semicolon. 


: Dash (em dash): (— ) 


. Type Option-Shift-Hyphen 


for ( —) rather than ( - ). 


. Ui 


; ™ 


- Accent Marks above 


- characters: 
é€ Type Option-e 
a Type Option-- 


‘Type Option-u 
Type Option-n 


Type Option-i 


- Other special 


| Characters: 

Type Option-8 
‘Type Option-Shift-5 
Type Option-Shift-6 
Type Option-g 
Type Option-2 
Type Option-r 

° Type Option-Shift-8 

¢ Type Option-$ 
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Any photograph, illustration, 
or other graphic that runs off 


the edge of a page. 


body text 


’ The main text, also called 


% 


“body copy” or “running text. 


border 


- A framing element around 


- text, graphics, or the entire 


page. Borders range from 
simple hairline rules to 


decorative and thematic 


graphic elements. 


bullets 


Dots or other such elements 


- used to designate items in a 


- list. (Keystroke is “Option-8” 


on the Macintosh.) 


callout 


"A label that identifies a spe- 


cific part of an illustration. 


caption 


- The text that describes or 


expands upon an illustration. 


column 


| The vertical space desig- 


nated for text or graphics. 


On a given page there can 


- be one column, or multiple 


columns. 


copytitting 
Editing text to fit a 


specified space. 


dingbat 


' A decorative or symbolic 


device used to separate items 
on the page or to denote 


items on a list. 


display type 


Type that is larger than body 


- text, often in boldface, used 


for headlines, subheads, 
breakouts, and other atten- 


lion-gelling type. 


Urop cap 

An enlarged initial letter 
that extends below the first 
line of body text. (See also 


“initial cap.”) 


facing pages 

Two pages that face each 
other in a multipage docu- 
ment. There can also be 
more than two facing pages 
in certain publications, such 


as a tri-fold brochure. 


lolio 


The page number. 


font 

In desktop publishing, 
sometimes used interchange- 
ably with “face” to refer to 
the entire family of letters 

of a particular shape or 
design, such as Helvetica. 
But in traditional typesetting, 
font refers to the specific 
size and style of a given 
typeface, such as 10 point 


Helvetica Bold. 


footer 

A line at the bottom of the 
page that helps orient the 
reader within a document, 
which may include such 
information as title, author, 
chapter, issue date, and page 
number. Also called a “run- 


ning foot.” 


format 

The overall appearance of a 
publication, including page 
size, paper, binding, length, 
and page design elements 
such as margins, number of 
columns, and treatment 


of headlines. 


grid 

The pattern of columns 
and rows on the page into 
which text and graphics is 
placed. In desktop publish- 
ing applications, the grid is 
determined by a series of 
nonprinting vertical and 
horizontal lines used as a 
guide for placement of text 


and graphics on the page. 


gutter 


The space between two 
facing pages, usually where 
the pages are bound. Also 
the space between two or 
more columns of text where 


the page is folded. 


lalftone 

The representation of a 
continuous tone photograph 
or illustration as a series of 
dots that look like gray tones 


when printed. 


hanging indent 

A paragraph style in which 
the left margin of the first 
line extends beyond the left 


margin of subsequent lines. 


header 

A line at the top of the 
page that helps orient the 
reader within a document, 
which may include such 
information as title, author, 
chapter, issue date, and 
page number. Also called 


“running head.” 


The title of an article or story. 


initial cap 

The first letter of the body 
text set in enlarged and 
sometimes decorative type 


for visual emphasis. 


: justified type 


Type that is flush, or even, 
on both the right and 


left margins. 


kerning 

The process of adjusting the 
space between characters, 
generally done in headlines 


and other display type. 
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layout 
The term used to describe 
the arrangement of text and 


graphics on a page. 


leader 
A rule or line, often dotted. 


that moves the eye froma 


callout or label to the part of 


the illustration it describes. 


leading 
The distance between the 


base of one line of text and 


the base of the next, usually 


measured in points. 


~~§ 
Ina 
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logo 

A graphic which designates a 
company, product, or publi- 
cation name. A logo can be 
designed with purely graphic 


elements or with text. 


margin 
The distance from the edge 
of the paper to the area oc- 


cupied by text and graphics. 


orphan 

A line of text isolated at the 

bottom of a page or column, 
which is separated from the 
rest of the paragraph it 


belongs to. 


overline 

A brief tag, over a headline, 
that categorizes a story or 
article. Also called a “kicker” 


or an “eyebrow.” 


page view 

A function that enables you 
to view the overall layout of 
a page. Some programs 
allow you to view various 
sizes of the page, such as 
50%, 75%, actual size, or 
200%. Others show the full 


page view only. 


pica 
Traditional typographic 
measurement composed 


of 12 points. 


point 

The basic measurement of 
type. There are 12 points to 
a pica. One point equals 


about '42 inch. 


printer font 

A mathematical description 
of every character in a lype- 
face, which enables a printer 
to print characters in any size 
at the best resolution possi- 


ble on that printer. 


pull quote 

A sentence excerpted from 
the body copy and set in 
large type, used to break up 
the running text and draw 
the reader's attention to the 
page. Also called a “break- 


out” or “blurb.” 


resolution 

The clarity or fineness of 
detail visible on screen 

or in the final printout, 
usually expressed in dots 
per inch (dpi). In printed 
material, the resolution is 
dependent upon the printer's 
capacity, which can range 
from 300 dpi in most laser 
printers to 2540 dpi in 


Linotronic imagesetters. 


Paverse type 

White letters or rules set 
against a solid background, 
either 100% black or a spe- 


cific level of gray. 


rules 
Lines used for typographic 
purposes, usually measured 


in points. 


sans serif 
Typeface that is without, or 
“sans,” the little accents at 


the ends of each character. 


Scanner 

A device that reads informa- 
tion from a photograph or 
other form of illustration. 
The image is converted into 
a collection of dots that 

is stored as a bit-mapped 
file. This file can then be 
manipulated in various 
software programs, and 
placed electronically into a 


page layout program. 


SCPEENS 

A background tint or texture 
that is set behind text or art 
in a percentage of gray. Also 


called a “tone.” 


seri 

An accent or finishing stroke 
projecting from the end of a 
character. Typefaces with 
these additional strokes are 


called serif faces. 


side bar 

A smaller, self-contained 
story inside a larger one, 
usually boxed, with its own 
headline to set it apart from 


the rest of the text. 


Stick-up cap 

An enlarged initial letter 
extending above the body 
text; used as a graphic ele- 
ment to draw attention to 
the beginning of a story or 


new chapter. 


thumbnails 

Rough sketches of a page 
used to plan the design. 
some page layout programs 
allow you to see your 
pages in small views, also 


called thumbnails. 


weight 


The density of a letter, gener- 


ally described as light, regu 


lar, bold, and extra bold. 


white space 

The blank areas of the page 
without text or graphics. 
White space is used deliber- 
ately, and is an important 


element in good design. 


widow 
One word, or several, iso- 
lated at the top or bottom of 


a page or column of text. 


wraparound text 

Text that flows around a 
graphic element. Also 
called “runaround text” or 


“ext Wrap.” 
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"accent marks, using 69 
* ad, makeover 44-15 


. Adobe Illustrator 3.0, exam- 
ples using 54-57 


: Adobe Photoshop 44 


. Adobe Stone Serif, examples 
using 20), 21 


* Adobe Systems Inc. 55-57 


‘ alignment 16 
examples illustrating 17 


* allcaps 14 
cxample using 15 


, apostrophe, using 69 

. Apple OneScanner 28, 44, 
° 49 

. Apple Scanner, example 
using 50 


‘ appropriateness 4 
example illustrating 5 


- bold 14 


"arrows, using 26 


"art 


examples using 55, 57 
“public domain” 50, 53 
using 26 


‘ audience (for document) 


2-3 


. Avant Garde, example using 


15 


. black-and-white photos. See 


photos 


. blank areas. See white space 
. bleeding, defined 51 
. Bodoni, reverses using 42 


. body text. See documents; 


text; type 


contrast of weight and 
40 
examples using 15, 21 


' bold italic, example using 


21 


‘ book cover, example 50 


: Bookman Demi, examples 


using 19,21 


. book report, example 53 


borders 42 


examples using 43, 67 
troubleshooting 66 
using 26 


* boxes. See borders 


' Broadway, reverses using 


42 


' brochure 


example 58 
makeover 34-35 


" bullets, using 26 


’ buried headlines 


example illustrating 65 
troubleshooting 64 


' business presentation, 


makeover 32-33 


0 


"caps. See all caps; drop caps; 


initial caps; stick-up 
caps 


"centered alignment 


described 16 
example using 17 


"characters, special 69 
' charts, using 20 


' color 8, 38-41. See also 


contrast 
example illustrating 9 
oftype 20, 21 


: color photos. See photos 


"columns 


defined 24 
examples using 25 


" consistency 6 


example illustrating 7 


* contrast 8, 38-41. See also 


color 

creating with type styles 
14-15 

examples illustrating 
9, 39, 41 

shapes for 40, 41 

of size 38, 40 

of weight 40, 41 


"curves, for contrast 40, 41 


. dash, using 69 
. design 


examples illustrating 
49-59 

good 1 

troubleshooting 61-67 


. design clements 


described 37-47 
organizing 4-9, 24-27 
planning 2-3 

using 28-35 


a | 
wl 


Index 


’ details, final 8,9 
’ direction 6 
example illustrating 7 


’ documents. See also text; 


type 
organizing 4-9, 24-27 
planning 2-3 


successful 1 


drop caps, reverse 42, 43. 
See also initial caps; 
stick-up caps 


’ drop shadows 42. See also 
shadows 


. ellipsis, using 69 


. em dash, using 69 


- emphasis, creating with type 
styles 14-15. See also 
contrast 


7) Index 


engravings, examples using 


50, 53 


envelope grid columns, 


example using 25 


. feature story. makeover 


i647 


. final details 8 


example illustrating 9 


- fiscal limits (of document) 


3 


- five-column grid. See grids 


. floating subheads 


example illustrating 65 
troubleshooting 64 


- flush-left alignment 


described 16 
example using 17 


: flyer,example 59 


"fonts 


described 11 

guidelines for use of 
11-21 

vs. typefaces 11-14 


’ Futura, example using 13 


- Futura Extra Bold, examples 


using 19, 21 


Futura Light, examples using 


19, 21 


. Garamond Condensed, 


example using 13 


. geometric elements, straight 


40, 41 


- graphics, using 26 
- graphs, using 26 
: grids 24-26 


examples using 25, 27 


- gutter, defined 34 


- headlines 64, 65 


’ Helvetica, examples using 


15, 19, 21, 31 


’ horizons, jumping 64, 65 


- image (of document) 3 


- impression 


(of document) 3 


- initial caps 42. See also 


drop caps; stick-up caps 
defined 34, 38 
example using 43 
using 26 


- italics 14 


examples using 15, 21 


- ITC Garamond, examples 


using 19, 21 


J 


jumping horizons 


example illustrating 65 
troubleshooting 64 


: justified alignment 


described 16 
example using 17 


- keming. See also spacing 


defined 16 
examples illustrating 17 
reverse type 17 


- key caps, using 69 


I 


- “landscape” page layout, 


defined 58 


. LaserWriter I] 28, 49 
LaserWriter lif 46 


LaserWriter Ilg 46 


layouts, page 58. See also 
design; design elements 


leading 18-20. See also 
Spacing 
example illustrating 21 
legibility 
example illustrating 13 
leading and 18 
sans scrif typefaces and 
12 


: letters, spacing hetween 
1-17 


letter-size grid columns, 
examples using 25 


limits (of document) 3 


- logos, examples using 51, 


M,N 


makeovers 
ad 44-45 
brochure 34-35 
business presentation 
32-33 
feature story 46-47 
press release 30-31 
resumé 28-29 


- OneScanner. See Apple 


OneScanner 


- Organizing documents 4-9, 


24-27 


- orphans 


example illustrating 67 
troubleshooting 66 


- outline 14 


example using 15 


P 


. page layouts, “landscape” 


page layout 58. See 
also design; design 
elements 


: Palatino, examples using 


19, 21, 30 


: paragraph spacing 16-17, 


18 
example illustrating 19 


- photos 


examples using 51, 52, 
using 26, 44 


- physical limits (of document) 


3 


. planning documents 2-3 
- poster,example 55 


. press release, makeover 


30-31 


print quality 46 


- proportion 4 


example illustrating 5 


. “public domain” art, exam- 


ples using 50, 53 


- purpose (of document) 2 


quality, print 46 


- QuarkXPress, examples 


using 51-55, 57, 59 


- quotation marks, using 69 


- readability 


example illustrating 13 
serif typefaces and 12 
spacing and = 16 

type size and = 18, 19 


- teading rhythm pattem, 


defined 6 


relevance 4 


. festraint 8 


exainple illustrating 9 


’ resumé, makeover 28-29 


. feverse drop caps 42 


example using 43 


. feverse type 42 


contrast of weight and 
40 
defined 16, 42 
keming 17 
rivers of white space 
example illustrating 63 
troubleshooting 62 


. roman, example using 21 


’ rules 42 


examples using 43, 67 
troubleshooting 66 
using 26 


Index 


: sans serif typefaces 12 
examples using 13, 15 


" scans 44 


" screens 44 


} semibold, 
example using 21 


- semibold italic, example 
using 21 


’ serif typefaces 12 
example using 13 


’ shadow (type style) 14 
- example using 15 


’ shadows 42 
example using 43 


' shapes, for contrast 40, 41 


: side bar, defined 34 


"size 


contrast of 38, 40 
type 18-20 


Index 


: space. See white space 


' spacing 16-17. See also 


kerning; leading 
paragraph 16-19 


’ special characters, using 69 


: slick-up caps, example using 


53. See also drop caps; 
initial caps 


’ straight geometric clements, 


for contrast 40, 41 


, styles, type 14-15 
‘ subheads, floating 64, 65 
’ SuperPaint, 


example using 59 


T 


- text. See also documents; 


type 
body 13 
using 26 


> tombstoning 


example illustrating 63 
troubleshooting 62 


’ transparencies. See photos 


: troubleshooting 61-67 


horders 66 

buried headlines 64 
floating subheads 64 
jumping horizons 64 
orphans 66 

rivers of white space 62 
rules 66 

tombstoning 62 
whispering headlines 64 
white holes 62 

white space 66 
widows 66 


’ type. See also documents; 


text 

color of 20, 21 
reverse 16, 17, 40, 42 
using 26 


: typefaces 


described 11 
examples illustrating 19 
multiple 12, 13 

sans serif 12, 13, 15 
serif 12,13 

vs. fonts 11-14 


' typesize 18-20 


: type styles, creating empha- 


sis With 14-15 


: typography, guidelines for 


11-21 


. underline 14 


example using 15 


y 


‘visual elements. See design 


elements 


WAXY 


' weight, contrast of 40, 41 


- whispering headlines 


example illustrating 05 
troubleshooting 64 


" white holes 


example illustrating 63 
troubleshooting 62 


" white space 3840 


defined 8 

examples illustrating 41, 
67 

rivers of 62, 63 

troubleshooting 66 


* widows 


example illustrating 67 
troubleshooting 66 


’ words, spacing between 


16-17 
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